Почему этот код jquery не работает?

Question

У меня есть этот код в моем файле application.js, но он не работает:

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

Вот HTML-код, который видит мой браузер:

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

Прямо сейчас, я скрываю элемент div.embed с div.embed { display: none;}, но метод click не заставляет элемент снова появляться ...

Answer 1

Это работает для меня. Вы уверены, что у вас загружен jQuery. Убедитесь, что ваш jquery.js помещен непосредственно перед закрывающим тегом тела </body>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js" type="text/javascript"></script>

Проверьте рабочий пример на http://jsfiddle.net/Ey4YC/

Вы также можете попробовать свой код следующим образом, если хотите сохранить свой jquery.js в заголовке.

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

Answer 2

я думаю, ошибка Flash. попробуйте тот же код, но на этот раз, когда вы щелкните изображение, а затем измените размер браузера.

В последнее время мой Firefox и Chrome часто не отображают vdo на youtube (vdo просто белый, как будто ничего не загружается), но после того, как я изменяю размер окна браузера, оно появляется.

Answer 3

Ваш код вызывается? Вам нужно это сделать?

$(document).ready(function () {
    $("#video_div img").click(function() {
        $("div.embed").toggle();
    });
});