Rails - Bootstrap popover js

Question

我试图了解js如何在Rails中工作。

我正在使用bootstrap，并设法让popovers工作，但不是以我了解Rails的方式工作。

我目前在我的组织视图文件夹中有一个名为_preferences的部分。在我的组织展示页面中，我渲染了这个部分。该部分有一个按钮，调用酥料饼，如：

<button class="fa fa-info-circle fa-2x fa-border btn-info" id="publicity" href="#" rel="popover" data-original-title="Publicity Issues" data-content="<%= publicity_popover(@organisation.preference)%>"></button> 

我试图让一个organisations.js文件有：

$('#publicity').popover() 
$('#academic_publication').popover() 
$('#presentations').popover() 

，但是当我尝试这种方法的popovers没有工作。

当我将以下内容添加到偏好偏好的底部时，它一切正常。

<script> 
$('#publicity').popover() 
$('#academic_publication').popover() 
$('#presentations').popover() 
</script> 

我预计第一次尝试工作。我不明白为什么它没有。有人看到错误吗？

Answer 1

您没有使用turbolinks这就是你已经创建正处于这是一个不好的做法，如果你想使用turbolinks正常那么你的应用程序会更快的文件<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 的头部取出way.The文件。在添加的application.js：

ready = function(){ 
$('#publicity').popover(); 
$('#academic_publication').popover(); 
$('#presentations').popover(); 
}; 
$(document).ready(ready); 
$(document).on('page:load', ready); 

了解更多关于https://github.com/turbolinks/turbolinks-classic