Perché JavaScript non funzionerà su Bootstrap di Twitter anche quando si chiama la funzione e il file JS?

StackOverflow https://stackoverflow.com/questions/9354026

  •  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 !!

È stato utile?

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

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top