Perché JavaScript non funzionerà su Bootstrap di Twitter anche quando si chiama la funzione e il file JS?
-
28-10-2019 - |
Domanda
Non riesco a far funzionare JavaScript con Bootstrap di Twitter.
ci penso io
<p>
<a href="#" rel="tooltip" title="first tooltip" id="example">
hover over me
</a>
</p>
E voglio che appaia come una descrizione di strumenti.
Non funzionerà, quindi l'ho aggiunto all'interno della testa:
<script type="text/javascript">
window.onload = function()
{
if(!window.jQuery)
{
alert('jQuery not loaded');
}
else
{
$(document).ready(function(){
$('#example').tooltip({'placement':'top', 'trigger' : 'hover'});
});
}
}
Notando che non funzionava ancora, ho eliminato tutti i riferimenti di script all'interno della pagina e ho aggiunto solo questo insediamento:
<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>
Non sto chiamando nessun file particolare che ho scaricato, ma ho intatto quelli originali, e ancora il tiro non apparirà.
Nota: sto cercando di impostare un nuovo tema Drupal, quindi il mio sito è all'interno di Drupal (e la pagina è un file tpl.php).
Grazie per la tua intuizione !!
Soluzione
Se vuoi utilizzare i file GitHub direttamente, devi usare il RAW, quindi dovresti indicare https://raw.github.com/twitter/bootstrap/master/js/bootstrap-tooltip.js non https://github.com/twitter/bootstrap/blob/master/js/bootstrap-tooltip.js