javascript - 我的简单 Ruby on Rails 应用程序确实有问题

Question

在人们因为我不发布代码片段而投票否决我之前，让我告诉你，我已经尝试过很多次了，但人们似乎无法弄清楚出了什么问题。查看Why doesn't this jquery code work?和 This jQuery hide function just does not want to work看看什么不起作用的例子。它是一个使用 jQuery 和嵌入 API 的 Ruby on Rails 应用程序。奇怪的是，人们一直将完全相同的 javascript 和 html 代码复制到 jsfiddle 中，并且它对他们有用。

我问是否有人可以查看这里的代码并 fork 它:https://github.com/meltzerj/Dreamstill足够了解 Ruby on Rails 和 jQuery，并且能够理解嵌入 API 的人。实际上根本没有太多代码，所以应该不会那么麻烦。我真的很感激任何帮助我走上正轨的帮助。谢谢。

哦，如果有任何问题，请随时问我。

Answer 1

我已经提取了您的代码，并且假设我已经正确识别了您的问题，我想(希望)可以为您提供解决方案。

我在表单中粘贴了一个 YouTube 链接，然后被重定向到 /videos/1，其中有一个“视频”链接，后来被嵌入视频缩略图所取代。

据我所知，问题在于:

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

当调用文档就绪处理程序时，文档中还没有图像，因此您的 #video_div img 选择器无法找到任何内容。通过使用 live() jQuery 方法而不是 click() documentation 可以轻松纠正此问题。 。我将其更新为:

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

这似乎工作正常:点击后，缩略图消失，嵌入的视频出现。

希望能帮助您指明正确的方向。