2016-04-08 17 views
0

私はRails 4アプリケーションでポップオーバーを動作させる方法を理解しようとしています。Rails 4 - Bootstrap Popovers - js not working

私のアプリでは、ブートストラップサスの宝石があります。文書に従い、私は私のapplication.jsファイルに次のように含まれている:

/= require jquery 
//= require bootstrap 

私はまた、ブートストラップ・スプロケットが必要です(ただし、それは違いはありません)のために必要とブートストラップを交換しようとしています。

私はJavaScriptの中に別のファイルを持っているがと、organisations.js.coffeeというフォルダ:

私の見解では
$('label-with-popover').popover(placement: 'right') 

、私は私が持っている、ポップオーバーの作業を取得しようとしている:

<button type="button" class="label-with-popover" class="btn btn-default" data-toggle="popover" data-placement="top" data-content="netwerewerwrwe" data-title="test"><i class="fa fa-info-circle"></i></button> 

これを試してみると、ボタンをクリックしても何もしません。

誰でもこの作業を行うために何が起こる必要があるのか​​分かりますか?私は、私がコーヒーファイルにある行の周りにスクリプトタグを置くはずです。私はそれを試しましたが、この問題には何の違いもありません。

+0

クラスを一度定義する必要があります。つまり、 'class =" label-with-popover btn btn-default "'だけです。一部のブラウザは、jqueryがそれを見つけることができない理由であるかもしれない最後のクラスのステートメントだけを取るでしょうか? –

答えて

0

正しいクラスにポップオーバーが適用されないように、jQueryで適切なセレクタを使用していません。

$('.label-with-popover').popover(placement: 'right'); 

存在しないlabel-with-popoverという要素を選択する前に、クラスを選択する必要があります.label-with-popover

+0

私は試しましたが、うまくいきません。ボタンをクリックしても何も起こりません。私は私のコンソールインスペクタでこのエラーメッセージを見ることができます:10TypeError:$は関数ではありません。 ( '$(document)'では '$'は定義されていません) – Mel

+0

jQueryがありません。上記がtypoかどうかは分かりませんが、2つのスラッシュにする必要があります: '// = require jquery' – digitalEyes

+0

これは誤字です。私は2つのスラッシュを持っています。どのようにjQueryを動作させるのですか?私は他のjQueryアセットを使用しています。 – Mel