javascript - jquery hide() の使用時に Firefox がダイブを非表示にしない

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

do it in this way

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

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

css

.display-none{
display:none;
}

initially your div would be hidden and when the user clicks show button just toggle the class.

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

hope this helps.

Answer 2

Google を iframe に読み込めません。参照: ここ

Answer 3

これは、Mac OS X 上の Firefox 19.0 で正常に動作します (Chrome と同様)。問題は、iframe に入れようとしているコンテンツにある可能性があります。Google では機能しません。

機能する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

Answer 4

@EnterJQ が指摘したように、パラメーターなしの hide() は問題を解決しました!