2

enter image description here,我使用产生两种关闭按钮隐藏从附代码jQuery的模态窗口

我试图隐藏的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

+0

那么你想从jQuery UI中删除哪个按钮?或者iframe中的一个?当我创建一个iframe元素时,我没有看到任何“关闭”按钮。 – 2014-10-31 18:33:36

+0

是的,我不知道为什么我从iFrame获得关闭按钮,我正在寻找隐藏iFrame的关闭按钮 – 2014-10-31 18:37:16

+0

iframe是否加载了实际的外部页面?如果是这样,它是否有关闭按钮,如果直接在浏览器中加载?然而,它的呈现,它将取决于如果iframe“服务器”可以传递参数 – Anthony 2014-10-31 19:11:47

回答

2

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

+0

没有没有工作 – 2014-10-31 18:27:25

+0

你可以给一个截图? – WahidSherief 2014-10-31 18:40:54

0

编辑的部分来完成。可以帮助你。 add this => type:iframe, showCloseButton:false

如果不行的话。也可以试试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>"); 

     } 
    }); 
+0

没有没有工作,我已附加图像 – 2014-10-31 19:05:37

+0

当我添加iframe的错误,我得到“未捕获ReferenceError:iframe未定义” – 2014-10-31 19:17:00

+0

http://stackoverflow.com/questions/15214781/google-plusone-button-has-错误上镀铬 看看..可能会有所帮助 – WahidSherief 2014-10-31 19:21:30