Pulsante di avvio da Twitter Pulsante a discesa non in calo

Sto cercando di utilizzare un semplice pulsante a discesa da Twitter Bootstrap. Tuttavia, non mostra le opzioni del menu a discesa. Il codice è sotto ed ecco un collegamento a un violino: http://jsfiddle.net/nunos/DjHyQ/11/Pulsante di avvio da Twitter Pulsante a discesa non in calo

EDIT: ha rilevato il problema. Stavo includendo lo bootstrap.js nello <head>. Una volta che ho modificato quella linea con lo <body> come dice la documentazione Twiiter Bootstrap, ha funzionato subito. Non ho mai pensato che ci fosse una differenza tra gli script inclusi nello <head> o nello <body>. Adesso lo so!

<div class="btn-toolbar" style="margin: 0;"> 
    <div class="btn-group"> 
     <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Separated link</a></li> 
     </ul>    
    </div> 
</div>

fonte

2012-12-07 nunos

.. E il tuo violino non ha funzionato dato che hai usato 'mootools 1.4.5' causando' TypeError: Impossibile chiamare il metodo 'create' di undefined', ecco un versione funzionante forked usando 'jquery 1.7.2' http://jsfiddle.net/VG7G7/ – davidkonrad

Ebbene, il violino che hai postato non funziona perché non hai selezionato jQuery (che è richiesto per i widget bootstrap) come quadro (la casella di selezione è sulla barra laterale sul lato destro della pagina). Stai caricando jquery nel tuo codice attuale?

fonte

2012-12-07 15:54:40 RoryB

Sono sicuro. L'ho usato molte altre volte nel codice. – nunos

Hai perfettamente ragione, ho dimenticato di includerlo sul violino, ma lo includo nel mio progetto (testato!). Non riesco davvero a capire perché non mostra le opzioni allora ... – nunos

È strano: c'è qualche possibilità che tu possa pubblicare l'intestazione della pagina in modo che possiamo vedere cosa stai caricando? – RoryB

Ecco il lavoro fiddle, con jQuery e Bootstrap caricato

<div class="btn-toolbar" style="margin: 0;"> 
    <div class="btn-group"> 
     <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> 
     <ul class="dropdown-menu" role="menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Separated link</a></li> 
     </ul>    
    </div> 
</div>

fonte

2012-12-07 16:00:51 kd7

hai cambiato qualcos'altro, oltre a includere jQuery nel violino? – nunos

Ho cambiato la classe del pulsante Non penso che tu avessi il menu a discesa-toggle – kd7

Ho avuto ... Il codice che copio e incollo dal violino funzionante nel mio progetto proprio non mi mostra le opzioni del menu a discesa. E nella stessa pagina esatta ho una barra di progresso di jQuery ui, quindi jQuery è sicuramente incluso. Davvero perplesso su questo adesso ... – nunos

È necessario aggiungere una classe discesa all'elemento "ul".

<div class="btn-toolbar" style="margin: 0;"> 
    <div class="btn-group"> 
     <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> 
     <ul class="dropdown dropdown-menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Separated link</a></li> 
     </ul>    
    </div> 
</div>

È possibile controllare qui funziona. http://jsfiddle.net/DjHyQ/13/

fonte

2012-12-07 16:02:46 Ahmed

grazie per la tua risposta, ma, se lo provi con o senza l'opzione 'dropdown' su ul funziona ugualmente. http://jsfiddle.net/nunos/DjHyQ/14/ – nunos

Quindi l'unico problema nel tuo violino era che non stavi includendo jQuery .. prova questo http://jsfiddle.net/nunos/DjHyQ/11/ includendo jQuery e funzionerà. – Ahmed

-2

Penso che devi dimenticare di collegare Jquery.js o Bootstrap.js nella tua testa, sono entrambi necessari. Ho questo problema io stesso e aggiustarlo aggiungendo questi due script link

fonte

2013-06-14 08:18:48 Frank

Il post ha già detto "non ho mai pensato che ci fosse una differenza tra gli script inclusi nello o nello ", quindi questa risposta è un po 'ridondante. – kgdesouz

Pulsante di avvio da Twitter Pulsante a discesa non in calo

risposta

Problemi correlati