这个 jQuery 隐藏功能只是不想工作

Question

这是我的浏览器看到的 HTML。我想隐藏 div.embed 元素：

<div id="video_div">
<img src="http://i2.ytimg.com/vi/ERF9lCf86I8/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/ERF9lCf86I8?version=3">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/ERF9lCf86I8?version=3" type="application/x-shockwave-flash" width="300" height="194" allowscriptaccess="always" allowfullscreen="true" wmode="opaque">
</object>
</div>
</div>

这是我的 application.js 代码，用于动态地将链接替换为其相应的嵌入视频，显示缩略图，并成功隐藏视频：

$(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

我预计 hide 调用上方的代码会失败，并且该调用根本不会被执行。如果我放入一个假的 embedly 插件，它就会起作用：http://jsbin。 com/ucuru4/2

我建议在调试器中单步执行代码。 Chrome、Safari、Opera 和 IE8 都有内置的调试器。有用于 Firefox 的 Firebug，以及用于在早期版本的 IE 上进行调试的 VS.Net 免费版本。

如果代码没问题，但您发现 embedly 调用间歇性失败，则最好将其包装在 try/catch 块中。