Jemand anders hat diese Frage hier gestellt, aber es wurde keine Antwort oder Lösung gegeben.
Diese Bootstrap-Dateien werden am Anfang meiner application.js-Datei aufgelistet:
%Vor%Meine bootstrap_additions.js.coffee Datei enthält:
%Vor%In einer Ansicht habe ich:
%Vor%Wenn ich localhost: 3000 / assets / application.js im Browser eingebe, ist der Inhalt bootstrap-popover.js vorhanden. Außerdem habe ich folgendes gefunden:
%Vor%Wenn der Link angeklickt wird, wird die Browseranzeige an den Anfang der Seite verschoben. Wenn ich zurück zum Link blättern, wird das Popover angezeigt. Alles funktioniert außer preventDefault. Was vermisse ich?
Danke.
UPDATE: Um die Dinge in meinem Code sauber zu halten, fand ich die Coffeescript-Version der ausgewählten Antwort:
> %Vor%Verwenden von Twitter-Bootstrap-Popover
In "Coffeescript" aktualisiert
1. Ansatz
Instanziieren
%Vor%Handle
%Vor%2. Ansatz
Wird direkt aus dem Quellcode übernommen:
%Vor%Zunächst möchte ich TontonBlach für seine Antwort danken, weil es mir sehr geholfen hat.
Ich fragte mich jedoch, warum diese einfache Funktion nicht funktionierte und das offizielle Handbuch (im Gegensatz zu W3-Schulen) unter Ссылка Ich habe gefunden, was ich glaube, ist die richtige Antwort.
Für korrektes browser- und plattformübergreifendes Verhalten müssen Sie das
a-Tag verwenden, nicht dasbutton-Tag, und Sie müssen auch die Attribute role="button" und tabindex
Was behoben wurde, war das Kopieren ihres (Arbeits) -Beispiels und das Beachten der Unterschiede (was für mich das Fehlen von Tabindex war). Auch erwähnenswert ist, dass Rolle="Button" mit Barrierefreiheit zu tun hat und daher nicht technisch erforderlich ist.
Damit können Sie die Standardfunktion .popover() korrekt verwenden, um die Popover zu initiieren.
Tags und Links jquery coffeescript twitter-bootstrap