如何用 jquery 隐藏这个元素？

Question

这是在浏览器中呈现的 html 代码。我想隐藏 div.embed 元素：

<div id='video_div'>
<img src="http://i3.ytimg.com/vi/fTWpHknumdg/hqdefault.jpg" style="width: 200px; ">
<div class="embed">
<object width="300" height="194">
<param name="wmode" value="opaque"><param name="movie" value="http://www.youtube.com/v/fTWpHknumdg?version=3">
<param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/fTWpHknumdg?version=3" type="application/x-shockwave-flash" width="300" height="194" allowscriptaccess="always" allowfullscreen="true" wmode="opaque">
</object>
</div>
</div>

这是我现在运行的 js 代码。这对我不起作用。然而，它似乎在第一个答案提供的 jsfiddle 中工作：

$(document).ready(function() {

$('a.oembed').embedly({maxWidth:300,'method':'replace'}).bind('embedly-oembed', function(e, oembed){ 
    $("#video_div").prepend($("<img>", { src: oembed.thumbnail_url, width:200 }));
});

$('div.embed').hide();
});

是否在加载元素后调用隐藏代码？我该如何解决这个问题？

Answer 1

是否需要使用Javascript来隐藏DIV？ 做到这一点要简单得多

div.embed { display: none; }

使用 CSS Update

$("#SomeElement").click(function() {
   $("div.embed").toggle();
});

CSS 将处理初始状态；此后 Javascript 代码将启用隐藏/显示 DIV。

Answer 2

我尝试过（jsfiddle）：

$(document).ready(function() {
   $('div.embed').hide(); 
});

这工作正常。也许隐藏代码在元素加载到 DOM 之前被调用？

Answer 3

尝试将它们链接在一起。所以像这样（使用children()来查找内部div：

$('a.oembed').embedly(
  {maxWidth:300,'method':'replace'}).bind('embedly-oembed', 
    function(e, oembed){ 
      $("#video_div").prepend($("<img>", {
        src: oembed.thumbnail_url, width:200 })).children("div.embed").hide();
});

如果它总是被认为是隐藏的，那么只需通过css来实现。

更新：

尝试使用.load() in $(document).ready()：

$('div.embed').load(function() {
  $('div.embed').hide();
});

一旦元素和所有内容都将触发其中已加载。