jquery - 如何使用 jquery 中的 ui-dialog 加载整个 html 文件作为弹出窗口？

Question

我想使用 ui-dialog 将 html 文件作为弹出窗口(如灯箱)加载。我尝试了以下代码，但是加载的 html 页面内的 js 函数没有被触发。我只获取页面内容和图像。

$('#lightbox_link').click(function(){   

     $('#lightbox_popup').load('new_lightbox.html').dialog({
                                            resizable: false,   
                                                height:650,
                                                width:980,
                                                dialogClass:'noTitle',      
                                                modal: true
                                }); 
    });
 });

我还需要知道，如果 html 链接是动态创建的，ui-dialog 是否支持？现在我已经给出了静态链接。但是假设链接是由服务器生成并返回的，那么页面会作为弹出窗口加载，并触发我页面中的所有 js 函数吗？感谢您的帮助。

Answer 1

如果您想在页面上重复使用相同的对话框来获取链接数量，请尝试此操作

HTML:

<a class="load" href="link_1.htm">Load</a>
<a class="load" href="link_2.htm">Load</a>
<div id="content">
<div id="content-holder"></div>
</div>

Javascript:

$(document)ready(function(){
    $('#content').dialog({
             resizable: false,
             height: 300,
             width: 500,
             dialogClass: 'noTitle',
             modal: true
          });
     $('#load').click(function (){
         $("#content-holder").load($(this).attr("href"));
         $("#content").dialog('open');
         return false;
     })

}