Javascript 从Jquery模式窗口隐藏关闭按钮
附加的代码,我使用的弹出模式窗口生成两个关闭按钮 我试图隐藏从iFrame生成的关闭按钮Javascript 从Jquery模式窗口隐藏关闭按钮,javascript,jquery,jquery-ui,twitter-bootstrap-3,jquery-ui-dialog,Javascript,Jquery,Jquery Ui,Twitter Bootstrap 3,Jquery Ui Dialog,附加的代码,我使用的弹出模式窗口生成两个关闭按钮 我试图隐藏从iFrame生成的关闭按钮 jQuery(document.body).append('<div id="dialogDivWindow"></div>'); jQuery("#dialogDivWindow").html('<iframe id="dialogFrameWindow" width="900" height="500" marginWidth="0" marginH
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");
jQuery(document.body).append(“”);
jQuery(“#dialogDivWindow”).html(“”);
jQuery(#dialogDivWindow”).dialog({
高度:“自动”,
宽度:950,
莫代尔:是的,
可调整大小:false,
可拖动:错误,
自动打开:错误,
按钮:[
{
文本:“关闭”,
图标:{primary:“ui图标关闭”},
id:“closebtn”,
单击:函数(){
var$this=jQuery(this);
$this.dialog(“关闭”);
}
}
],
打开:函数(){
jQuery(this).closest(“.ui对话框”).find(
“.ui对话框标题栏关闭”).removeClass(
“ui对话框标题栏关闭”).html(
"");
}
});
jQuery(“#dialogFrameWindow”).attr(“src”,url);
jQuery(“dialogDivWindow”).dialog(“open”);
此模式弹出窗口生成两个关闭按钮
如何避免从iFrame生成的关闭按钮
在图片中,我想隐藏第一个“关闭”按钮
可以使用Jquery在
iframe
标记中删除close='no'
执行任何操作。。应该可以编辑该部分。也许对你有帮助。添加此=>
类型:iframe,
showCloseButton:错误
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>");
}
});
如果不起作用。也可以尝试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>");
}
});
jQuery(#dialogDivWindow”).dialog({
高度:“自动”,
宽度:950,
莫代尔:是的,
可调整大小:false,
可拖动:错误,
自动打开:错误,
类型:iframe,
showCloseButton:错误
按钮:[
{
文本:“关闭”,
图标:{primary:“ui图标关闭”},
id:“closebtn”,
单击:函数(){
var$this=jQuery(this);
$this.dialog(“关闭”);
}
}
],
打开:函数(){
jQuery(this).closest(“.ui对话框”).find(
“.ui对话框标题栏关闭”).removeClass(
“ui对话框标题栏关闭”).html(
"");
}
});
那么您想删除哪个按钮,jQuery UI中的那个按钮?还是iframe本身中的一个?当我创建iframe
元素时,我没有看到任何“关闭”按钮。是的,我不知道为什么我从iframe获取关闭按钮,我想从iframe隐藏关闭按钮iframe加载的是实际的外部页面吗?如果是,如果直接在浏览器中加载,是否有关闭按钮?不管它是如何呈现的,这将取决于iframe“server”是否可以传递给argumentscan u给出一个屏幕截图??当我添加iframe时,我得到了“Uncaught ReferenceError:iframe未定义”请看一看。。可能会有帮助