Twitter Bootstrap Popovers nicht funktioniert

Hier ist mein HTML:

<div id="disclaimer">After 30 Days you'll have the option to keep your account for $15 per month -no contract required-or revert to a single page free account.*</div>

JavaScript:

$('#disclaimer').popover({
  trigger: 'hover',
  html: true,
  placement: 'right',
  content: 'hello world'
});

Wenn ich den Mauszeiger über das element, passiert nichts.. keine JavaScript-Fehler oder so etwas, nicht sicher, was falsch

InformationsquelleAutor dennismonsewicz | 2013-07-06
  1. 9

    Verwenden Sie Ihre genaue code ist alles, was ich tun musste, um es zum laufen zu bringen war, wickeln Sie es in eine Funktion aufrufen und das Skript unter dem div-tag. Wenn Sie Ihr jQuery in eine onload Funktion würde es genauso gut funktionieren. Viel Glück.

    Verwenden:

    <div id="disclaimer" >After 30 Days you'll have the option to keep your account for $15 per month -no contract required-or revert to a single page free account.*</div>

<script>
$(function ()  
{
  $('#disclaimer').popover(
  {
     trigger: 'hover',
     html: true,
     placement: 'right',
     content: 'hello world'
  });
});
</script>

    ODER

    $(document).ready(function()
{
  $('#disclaimer').popover(
  {
     trigger: 'hover',
     html: true,
     placement: 'right',
     content: 'hello world'
  });
});
    • Ich habe mir, eingewickelt in ein $(document).ready und immer noch nichts passiert 🙁
    • Setzen Sie ihn in den html-Code in den script-tag? Wenn das immer noch nicht funktioniert, möchten Sie vielleicht zu prüfen, um sicherzustellen, dass Sie die QuickInfo in Ihrer bootstrap.js
    • Als ich es herausgefunden... Es war der ActiveAdmin JavaScript-Konflikt mit twitter bootstrap... vielen Dank für Ihre Hilfe!
    • Die Antwort finden wir in diesem Kommentar: github.com/seyhunak/twitter-bootstrap-rails/issues/...
    • Ich bin damit einverstanden, aktive admin war die Ursache von Konflikten. Ich löste es, indem Sie aktive admin zu vendor/javascripts Verzeichnis und es funktionierte
    InformationsquelleAutor Jonathan
  2. 1

    ich war auf der Suche für mehr als einen Tag, warum meine popover nicht funktioniert nach dem aufstehen autodisabled aufgrund von Ereignissen, die passiert auf meiner Seite, (eine komplizierte app, etwas, das aktiviert/deaktiviert, je nach Zustand, was Los ist) und der Schlüssel war es NICHT, das Dokument aber bereit, es zu haben, in einer Funktion, weil es wird aktiviert, nachdem die Dokument-Initialisierung auf eine Schaltfläche klicken.

    • Es scheint, man kann nicht Klonen, popovers, das war mein Problem. Danke, dieser Tipp hat mich einen anderen Ansatz probieren. Wenn ich das popover nach dem Klonen, es funktioniert.
    InformationsquelleAutor lizz
Schreibe einen Kommentar