Facebox 灯箱内的 Javascript

Question

我正在开发一个 Rails 应用程序，其中使用 jQuery 和 Facebox Lightbox 作为弹出表单。我想在表单上使用一些 jQuery 验证。当我尝试实现这个时，我遇到了一些奇怪的结果。

如果我将 javascript 直接放入我在弹出窗口中加载的视图中，则 javsacript 工作得很好。

示例：app/views/item/view.html.erb

...

<script type="text/javascript">
    $(document).ready(function() {
        ...
    });
</script>

但是，如果我将其抽象一步并将 JavaScript 放入我用于弹出窗口的布局中，则会失败。

示例：app/views/layouts/popup.html.erb

<script type="text/javascript">
    $(document).ready(function() {
        ...
    });
</script>

<div id="popup">
    <%= yield %>
</div>

如果我将直接编码到视图中的脚本拉入单独的 javascript 文件中，例如，如果我将相同的脚本放入 ../public 中，它也会失败/javascripts/popup.js

然后在我看来我这样做：

<%= javascript_include_tag 'popup' %>

它在这里失败了。

您可能会认为它位于哪个文件中没有任何区别。它应该以相同的方式加载。

知道为什么会发生这种情况吗？

Answer 1

我认为在您的 document.ready 代码中您正在执行类似的操作，

$(".supercool")..bind('click', function() {
  somethingAwesome();
});

因此它将附加到加载时存在的具有 supercool 类的所有类。你想做的是使用 live

$('.supercool').live('click', function() {
  // Live handler called.
});

这只是一个猜测——我认为这就是正在发生的事情——如果不是这样的话，需要看到更多的 javascript。

http://api.jquery.com/live/