在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;
    });
});