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將被隱藏，直到用戶點擊「顯示」按鈕。

來源

2013-02-28 0x56794E

做ü試圖與隱藏（）;沒有參數？ – 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版本將不起作用。

來源

2013-02-28 04:39:25 Cymen

作爲@EnterJQ指出，hide（）沒有參數解決了問題！

來源

2013-02-28 04:41:29 0x56794E

您無法將google加載到iframe中。見：here

來源

2013-02-28 04:46:13 what

做這樣

<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');

希望這有助於。

來源

2013-02-28 04:50:07 ntstha

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

來源

2013-02-28 07:06:01

Firefox使用jquery hide（）不隱藏潛水（）

回答

相關問題