Question

所以我试图让Firefox在页面加载时隐藏div而没有太大的成功。它适用于Chrome和IE浏览器。我的HTML看起来像这样

<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将被隐藏并保持不变，直到用户单击“显示”按钮。

Answer 1

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

Answer 2

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

Google无法在iframe中使用的原因：How to show google.com in an iframe?。

如果hide的参数0无效，您可能会发现某些浏览器的某些版本的jQuery无效。

Answer 3

正如@EnterJQ指出的，hide（）没有参数解决了问题！

Answer 4

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

Answer 5

以这种方式做到

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

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

css

.display-none{
display:none;
}

最初您的div将被隐藏，当用户点击show按钮时，只需切换该类。

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

希望这会有所帮助。

使用jquery hide（）时Firefox不隐藏div

5 个答案: