为什么这个jquery代码不起作用？

我在我的application.js文件中有这个代码，但它似乎不起作用：

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

这是我的浏览器看到的HTML：

现在，我正在使用div.embed { display: none;}隐藏div.embed元素，但click方法不会再次重新出现该元素…

Answer 1

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

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

Answer 2

它对我有用。 你确定你加载了jQuery。 确保你的jquery.js放在关闭的body标签

查看http://jsfiddle.net/Ey4YC/上的工作示例

如果你想在标题中保留你的jquery.js，你也可以尝试这样的代码。

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

Answer 3

我的猜测是Flash错误。 尝试相同的代码，但这次当您单击图像然后调整浏览器大小。

最近我的firefox和chrome通常不会渲染youtube的vdo（vdo只是白色就像没有任何负载）但是在我调整浏览器窗口后它会出现。