Firefox使用jquery hide（）不隐藏潜水（）

问题描述：

所以我试图让Firefox在页面加载时隐藏div而没有太大的成功。它在Chrome和IE中工作。我的HTML看起来像这样Firefox使用jquery hide（）不隐藏潜水（）

<div id="container"> 
    <iframe src="www.google.com"></iframe> 
</div> 

<a href="#" id="showBtn">Show</a>

而且我的JavaScript看起来像这样

$(document).ready(function() { 
    $("#container").dialog({ autoOpen: false, Title: "Hello, World!" }); 
    $("#container").hide(0); 

    $("#showBtn").bind("click", function() { 
    $("#container").dialog("open"); 
    }); 
});

因此，这里是我想要做的事。在页面加载时，#container将被隐藏，直到用户点击“显示”按钮。

做ü试图与隐藏（）;没有参数？ – EnterJQ 2013-02-28 04:32:43

@EnterJQ是的，我做到了。 – 0x56794E 2013-02-28 04:34:05

用.on替换.bind – 2013-02-28 04:35:04

答

在Mac OS X的Firefox 19.0上正常工作（就像在Chrome中一样）。您的问题可能与您试图放入iframe的内容有关。它不适用于Google。

Functioning jsfiddle（代码是一样的，包括作为StackOverflow的要求的话）：

$(document).ready(function() { 
    $("#container").dialog({ autoOpen: false, Title: "Hello, World!" }); 
    $("#container").hide(0); 

    $("#showBtn").bind("click", function() { 
    $("#container").dialog("open"); 
    }); 
});

之所以谷歌不会在iframe工作：How to show google.com in an iframe?。

如果hide的0参数无效，您可能会发现某些带有某些浏览器的jQuery版本将不起作用。

答

作为@EnterJQ指出，hide（）没有参数解决了问题！

答

您无法将google加载到iframe中。见：here

答

做这样

<div id="container" class="display-none"> 
    <iframe src="www.google.com"></iframe> 
</div> 

<a href="#" id="showBtn">Show</a>

CSS

.display-none{ 
display:none; 
}

最初的股利将被隐藏，当用户点击显示按钮，只需拨动类。

$("#container").toggleClass('display-none');

希望这有助于。

答

<div id="container"> 
    <iframe src="http://www.google.com"></iframe> 
</div> 

<a href="#" id="showBtn">Show</a>

jQuery代码

$('#showBtn').click(function() 
{ 

    $("#container").css("display",""); 

}); 

window.load=$("#container").css("display","none");

Firefox使用jquery hide（）不隐藏潜水（）

相关推荐