隐藏Jquery模态窗口中的关闭按钮

时间:2014-10-31 18:02:40

标签: javascript jquery jquery-ui twitter-bootstrap-3 jquery-ui-dialog

enter image description here附上我用于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

完成

2 个答案:

答案 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>");

         }
  });