我正在尝试创建一个包含不同新闻文章的页面(每个文章页面都指向已创建的不同页面)。使用模态我可以创建一个环境,让页面在同一个窗口中弹出而不是在另一个窗口中打开吗?如果是,有人可以帮我提供代码和示例吗?
最佳答案
是的,使用 jQuery 模态对话框。您可以为每篇文章设置一个链接或按钮,当它被点击时,打开一个包含文章文本的模式对话框。
查看此 JSFiddle一个工作示例。
<div class='article' id="article1">
<p>This is article 1, etc...</p>
</div>
<button id='article1Button'>Article 1...</button>
<div class='article' id="article2">
<p>This is another article...</p>
</div>
<button id='article2Button'>Article 2...</button>
和 javascript:
$(document).ready(function(){
$(".article").dialog({
autoOpen : false,
resizable : false,
width : 400,
height: 400,
modal : true,
buttons: {
"Close" : function(){
$( this ).dialog( "close" );
}
},
close : function(ev, ui) {
return true;
}
});
$('#article1Button').click(function(){
$("#article1").dialog("open");
})
$('#article2Button').click(function(){
$("#article2").dialog("open");
})
});
关于javascript - 使用不同的链接创建模态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21177680/