如何使用jquery中的ui对话框将整个html文件作为弹出窗口加载？

我想使用ui对话框将html文件作为弹出窗口（如lightbox）加载。我尝试了以下代码，但是加载的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对话框是否支持？现在我给出了一个静态链接。但是，假设服务器生成并返回链接，那么页面是否会作为弹出窗口加载，并触发页面中的所有js函数？谢谢你的帮助。

试试这个，看看它是否适合你

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

   $('#content').load('load.htm', function (content) {
      $('#content').dialog({
         resizable: false,
         height: 300,
         width: 500,
         dialogClass: 'noTitle',
         modal: true
      });
      $('#content').dialog('show');
   });

});

Load.htm

<script type="text/javascript">

$(function () {

    alert('loaded');

});

</script>

<div>
    Content
</div>

---

若要重复使用页面上相同的对话框来设置链接数，请尝试以下操作

Html:

---

这些答案对你有帮助吗？还是你仍然有问题？

<a id="load" href="#">Load</a>
<div id="content" style="display:none"></div>

$('body').delegate('#load', 'click', function () { ..... }

<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>

$(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;
     })

}