我可以通过点击test.html中的链接打开模态窗口。 当模态窗口打开时,我能够看到内容。
当我点击modal.html中的链接时,所有链接都在父窗口中打开。我想要的是当我点击具有target = _blank的链接时,我希望它在新标签中打开。当target = _self时,打开相同的内容 模态窗口。
任何人都可以帮忙。任何援助将不胜感激。 感谢
test.html标记
<p>
<a class="open-modal" href="modal.html">Open Modal Window</a>
</p>
modal.html标记
<p>
<a target="_parent" href="mypage.php">Open in parent</a>
</p>
<p>
<a target="_blank" href="mypage.php">Open in new tab</a>
</p>
<p>
<a target="_self" href="mypage.php">Open in same modal window</a>
</p>
jquery.js代码:
$(document).ready(function() {
$('a.open-modal').click(function (event) {
event.preventDefault();
$this = $(this);
var URL = $(this).attr('href');
var dialogbox = document.getElementById('dialog');
var dialogOptions = {
height: 448,
width: 736,
modal: true,
// open: function(event, ui){
// },
close: function(event, ui){
$('#dialog').empty();
}
};
if(dialogbox==null) {
$this.after("<div id=\"dialog\"></div>");
}
jQuery('#dialog').load(URL + " #content").dialog(dialogOptions);
});
});