从 Jquery 模态窗口隐藏关闭按钮

Question

附上我用于生成两个关闭按钮的弹出模式窗口的代码

我试图隐藏从 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 生成的关闭按钮。

在图片中我想隐藏第一个“关闭”按钮。

任何事情都可以使用 Jquery 完成

Answer 1

删除iframe 标签内的close='no'.. 应该可以工作

Answer 2

编辑该部分。可能会帮助你。添加这个 => 类型：iframe， 显示关闭按钮：假

如果不工作。也尝试 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>");

         }
  });