Rails应用程序：使JQuery函数在之后加载的文件中工作

Question

我有一个问题，我自己无法解决。我有一个Rails应用程序，它使用文件“application.html.erb”和控制应用程序的菜单。在该菜单下方，在同一个文件中有一个容器：     

整个控件在Javascript / Coffee文件中指定，该文件将数据加载到前面提到的容器中，例如， $('#appCanvas').html "Example text"

现在我正在使用Twitter Bootstrap并且我在某些方面包含了Popovers。我通过加载它们     $（document）.ready - ＆gt;       $（ “＃例子”）。酥料饼（）

当我指定悬停此弹出窗口的链接时，我会使用 <a href="#" title="Show Information" id="example" data-trigger="hover" class="btn btn-danger iconButton"><i class="icon-home"></i></a>

那些在application.html.erb文件中直接创建的链接工作正常，但我找不到在加载到appCanvas-Container的那些部分中使用这些弹出效果的方法。

非常感谢任何帮助： - ）

谢谢你，祝你有个美好的一天！

Answer 1

那么您所说的是application.html.erb中未加载的内容未跟随$("#example").popover()？

我认为你的问题出在$(document).ready部分。

$(document).ready基本上是在加载页面后说，请关注此JavaScript。它不适用于已经加载页面后更新的内容。

所以你可能想要做这样的事情......

修改

$(document).on "mouseover", ->
  $("#example").popover()