Rails - Bootstrap popover js

Question

jsがRailsでどのように動作するかを理解しようとしています。

私はブートストラップを使用していて、ポップオーバーがうまく動作するように管理していますが、Railsの動作を理解しているわけではありません。

現在、私の組織のビューフォルダ内に_preferencesという部分があります。私の組織のショーページでは、その部分をレンダリングします。私が持っていたorganisations.jsファイル作ってみました

<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> 

：

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

をしかし、私はそのアプローチをしようとしたときpopoversが機能しなかった部分は、前述したように、ポップオーバーを呼び出すボタンがあります。

私が環境設定部分の一番下に以下を追加すると、すべて正常に動作します。

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

私は最初の試みを期待していました。私はなぜそれdoesntを理解できません。誰にもエラーが表示されますか？作成したファイルway.Theだあなたはturbolinksを使用していない

Answer 1

は、あなたが適切にturbolinks使用する場合は、あなたのアプリが速くなり、悪い習慣である文書<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> の先頭にフェッチされます。 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