在Wordpress頁面中打開JQuery UI對話框中的外部URL

Question

我有一個自定義模板頁面，我正在爲wordpress網站構建（使用修改的Twenty Eleven主題）。在頁面中有以編程方式創建的鏈接。會有幾個環節，如這樣的：

<a href="http://www.site.com.com/info.php?id=123" class="uimodal">More Information</a> 

我想用類uimodal的任何URL來在一個jQuery UI模式窗口（對話），但我有得到它這樣做的問題。

我已經成功加載jQuery UI。我已經在網上嘗試了幾個代碼片段，沒有通過Firebug獲取任何錯誤，它只是不加載模式（只是替換當前頁面）。

任何幫助表示讚賞！

謝謝。

Answer 1

嘗試這樣：http://jsfiddle.net/hSRdr/

$(function() { // same as $(document.ready(function() { 
    $('a.uimodal').on('click', function() { 
     var href = $(this).attr('href'); 

     $('<div>').append('<iframe src="' + href + '"></iframe>').dialog(); 
     return false; 
    }); 
});