1

所以我试图让 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 将被隐藏并一直保持，直到用户单击“显示”按钮。

4

5 回答 5

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");
于 2013-02-28T07:06:01.643 回答
0

您不能将谷歌加载到 iframe 中。见： 这里

于 2013-02-28T04:46:13.267 回答
0

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

运行 jsfiddle（代码相同，包括 StackOverflow 需要它）：

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

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

Google 无法在 iframe 中运行的原因：如何在 iframe 中显示 google.com？.

您可能会发现，hide如果0.

于 2013-02-28T04:39:25.987 回答
0

As @EnterJQ pointed out, hide() without parameter solved the problem!

于 2013-02-28T04:41:29.550 回答
0

这样做

<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 将被隐藏，当用户单击显示按钮时，只需切换类。

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

希望这可以帮助。

于 2013-02-28T04:50:07.703 回答