Эта функция JQuery Hide просто не хочет работать

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 имеют встроенные отладчики. Есть Firebug для Firefox и бесплатная версия VS.Net для отладки в предыдущих версиях IE.

Если код в порядке, но вы обнаружите, что вызов embedly периодически прерывается, может быть лучше обернуть его в блок try/catch.