2013-07-06 7 views
7
Arbeits

Hier ist mein HTML:Twitter Bootstrap Popovers nicht

<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 über das Element bewegen, passiert nichts .. keine JavaScript-Fehler oder etwas, nicht sicher, was ist falsch

Antwort

9

Mit Ihrem genauen Code, alles, was ich tun musste, um es zum Arbeiten zu bringen, war es in einen Funktionsaufruf zu wickeln und das Skript unter dem Div-Tag. Wenn Sie Ihre jQuery in einer Onload-Funktion platziert haben, 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' 
    }); 
}); 
+1

Ich habe meine in einem '$ (document) .ready' verpackt und trotzdem passiert nichts :( – dennismonsewicz

+0

Kannst du es in den HTML-Code im Skript-Tag? Wenn das immer noch nicht funktioniert, möchten Sie vielleicht überprüfen Stellen Sie sicher, dass Sie die QuickInfo in Ihrer [bootstrap.js] (http://twitter.github.io/bootstrap/javascript.html#tooltips) – Jonathan

+0

Ich habe es herausgefunden ... Es war der ActiveAdmin JavaScript Konflikt mit Twitter Bootstrap ... danke für deine Hilfe! – dennismonsewicz

1

i über einen Tag gesucht hatte für, warum mein popover funktioniert nicht nach auf meiner Seite geschehen aufgrund von Ereignissen autodisabled bekommen (eine komplizierte App, die je nach Status aktiviert oder deaktiviert wird. Der Schlüssel war, das Dokument NICHT bereit zu haben, sondern es in einer Funktion zu haben, da es nach der Dokumentinitialisierung bei einem Klick aktiviert wird .

+0

Es scheint, dass du Popovers nicht klonen kannst, was mein Problem war. Danke, dieser Tipp hat mich dazu gebracht, einen anderen Approac auszuprobieren h. Wenn ich das Popover nach dem Klonen anwende, funktioniert es. – Nick