javascript - 为什么这个 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 { display: none;} 隐藏 div.embed 元素，但 click 方法不会使该元素再次重新出现...

Answer 1

你的代码被调用了吗？您需要这样做吗？

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