gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 03:53:12 25 4
gpt4 key购买 nike

我想使用 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 函数?感谢您的帮助。

最佳答案

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

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

}

关于jquery - 如何使用 jquery 中的 ui-dialog 加载整个 html 文件作为弹出窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5828215/

25 4 0
文章推荐: jQuery 追加问题
文章推荐: jquery - 如何让 jQuery $ ('#div' ).html() 在 IE7+ 中工作?
文章推荐: php - 如何使用 jQuery 淡出一个