Warum funktioniert JavaScript in Twitters Bootstrap auch beim Aufrufen der Funktion und der JS -Datei nicht?
-
28-10-2019 - |
Frage
Ich kann JavaScript nicht dazu bringen, mit Twitters Bootstrap zu arbeiten.
ich habe das
<p>
<a href="#" rel="tooltip" title="first tooltip" id="example">
hover over me
</a>
</p>
Und ich möchte, dass es als Tooltip erscheint.
Es wird nicht funktionieren, also habe ich das in den Kopf hinzugefügt:
<script type="text/javascript">
window.onload = function()
{
if(!window.jQuery)
{
alert('jQuery not loaded');
}
else
{
$(document).ready(function(){
$('#example').tooltip({'placement':'top', 'trigger' : 'hover'});
});
}
}
Als ich feststellte, dass es noch nicht funktioniert habe, habe ich alle Skriptreferenzen auf der Seite gelöscht und nur dieses Inseide den Kopf hinzugefügt:
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="https://github.com/twitter/bootstrap/blob/master/js/bootstrap-tooltip.js"></script>
Ich rufe keine bestimmte Datei an, die ich heruntergeladen habe, sondern die ursprüngliche, und trotzdem wird der Tooltip nicht angezeigt.
Hinweis: Ich versuche, ein neues Drupal -Thema festzulegen, daher befindet sich meine Website in Drupal (und die Seite ist eine tpl.php -Datei).
Danke für deinen Einblick !!
Lösung
Wenn Sie Github -Dateien direkt verwenden möchten https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tooltip.js nicht https://github.com/twitter/bootstrap/blob/master/js/bootstrap-tooltip.js