附上我用于Pop Up Modal窗口的代码,该窗口生成两个关闭按钮
我正在尝试隐藏从iFrame生成的“关闭”按钮。
jQuery(document.body).append('<div id="dialogDivWindow"></div>');
jQuery("#dialogDivWindow").html('<iframe id="dialogFrameWindow" width="900"
height="500" marginWidth="0" marginHeight="0" frameBorder="0" close="no"
src="about:blank" />');
jQuery("#dialogDivWindow").dialog({
height: 'auto',
width: 950,
modal: true,
resizable: false,
draggable: false,
autoOpen: false,
buttons:[
{
text: "Close",
icons: { primary: "ui-icon-closethick" },
id: "closebtn",
click: function() {
var $this = jQuery(this);
$this.dialog("close");
}
}
],
open: function() {
jQuery(this).closest(".ui-dialog").find(
".ui-dialog-titlebar-close").removeClass(
"ui-dialog-titlebar-close").html(
"<span class='fa fa-times fa-lg'></span>");
}
});
jQuery("#dialogFrameWindow").attr("src", url);
jQuery("#dialogDivWindow").dialog("open");
此模态弹出窗口会生成两个关闭按钮。
如何避免从iFrame生成的关闭按钮。
在图片中我想隐藏第一个&#39;关闭&#39;按钮。
任何事都可以使用Jquery
完成答案 0 :(得分:2)
删除close='no'
代码中的iframe
..应该正常工作
答案 1 :(得分:0)
编辑部分。可能会帮助你。 add this =&gt; 类型:iframe中, showCloseButton:假
如果不起作用。也尝试showCloseButton:hide而不是showCloseButton:false
jQuery("#dialogDivWindow").dialog({
height: 'auto',
width: 950,
modal: true,
resizable: false,
draggable: false,
autoOpen: false,
type : iframe,
showCloseButton:false
buttons:[
{
text: "Close",
icons: { primary: "ui-icon-closethick" },
id: "closebtn",
click: function() {
var $this = jQuery(this);
$this.dialog("close");
}
}
],
open: function() {
jQuery(this).closest(".ui-dialog").find(
".ui-dialog-titlebar-close").removeClass(
"ui-dialog-titlebar-close").html(
"<span class='fa fa-times fa-lg'></span>");
}
});