Javascript Firefox没有'；使用jquery hide（）时不隐藏潜水

所以我试图让Firefox在页面加载时隐藏一个div，但没有成功。它在Chrome和IE中工作。 我的HTML看起来像这样

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

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

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

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

---

这就是我要做的。在页面加载时，#容器将被隐藏，直到用户单击“显示”按钮为止

这在Mac OS X上的Firefox 19.0中运行良好（就像在Chrome中一样）。您的问题可能与您试图放入iframe的内容有关。它不会与谷歌合作

（代码相同，包括StackOverflow所需的代码）：

谷歌无法在iframe中工作的原因是：

---

如果

hide

有一个无效参数

0

在Mac OS X上的Firefox 19.0中运行良好，您可能会发现某些版本的jQuery在某些浏览器中无法运行（就像在Chrome中一样）。您的问题可能与您试图放入iframe的内容有关。它不会与谷歌合作

（代码相同，包括StackOverflow所需的代码）：

谷歌无法在iframe中工作的原因是：

---

您可能会发现，如果

hide

有一个无效的

0

参数，那么某些版本的jQuery在某些浏览器中无法工作，正如@EnterJQ所指出的，没有参数的hide（）解决了问题

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

您无法将google加载到iframe中。请参阅：

您不能将google加载到iframe中。请参阅：

以这种方式进行操作

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

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

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

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

希望这有帮助。

用这种方式做

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

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

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

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

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

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

---

希望这有帮助。

您是否尝试过隐藏（）；没有参数？@EnterJQ是的，我有.replace.bind with.onOh实际上，没有参数的hide（）神奇地工作！非常感谢。你试过隐藏吗；没有参数？@EnterJQ是的，我有.replace.bind with.onOh实际上，没有参数的hide（）神奇地工作！非常感谢。

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

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