Rails 4 - Bootstrap Popovers - js funktioniert nicht

Question

Ich versuche herauszufinden, wie man Popovers funktioniert in meiner Rails 4 App.

Ich habe Bootstrap-Sass Edelstein in meiner App. In Übereinstimmung mit der Dokumentation, habe ich unter anderem die folgenden in meiner application.js Datei:

/= require jquery 
//= require bootstrap 

Ich habe auch versucht die Bootstrap-Swapping benötigen für erfordern Bootstrap-Ritzel (aber es macht keinen Unterschied).

Ich habe eine andere Datei in meinem javascripts organisations.js.coffee genannt Ordner mit:

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

Aus meiner Sicht Ich versuche, eine popover zum Laufen zu bringen, die ich habe:

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

Wenn ich dies versuche, macht die Schaltfläche nichts, wenn ich darauf klicke.

Kann jemand sehen, was passieren muss, damit das funktioniert? Ich bin mir nicht sicher, ob ich Script-Tags um die Zeile legen soll, die ich in der Kaffeedatei habe. Ich habe es versucht, aber es macht keinen Unterschied zu diesem Problem.

Answer 1

Sie verwenden nicht den richtigen Selektor in Ihrem jQuery, so dass das Popover nicht auf die richtige Klasse angewendet wird. Sie benötigen:

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

Bevor Sie nur ein Element namens Auswahl wurden label-with-popover die es nicht gibt. Sie müssen die Klasse .label-with-popover