Gestori di eventi per i menu a discesa Bootstrap di Twitter?

2022-07-29 10:30:19

Vorrei utilizzare un pulsante a discesa di Twitter Bootstrap:

    <div class="btn-group">
      <button class="btn 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>
      </ul>
    </div><!-- /btn-group -->

Quando l'utente modifica il valore del pulsante in "Un'altra azione", invece di passare semplicemente a #, vorrei effettivamente gestire l'azione in modo personalizzato.

Ma non riesco a vedere nessun gestore di eventi nel plug-in a discesa per farlo.

È effettivamente possibile utilizzare i pulsanti a discesa Bootstrap per gestire le azioni degli utenti? Sto iniziando a chiedermi se sono destinati solo alla navigazione: è confuso che l'esempio fornisca un elenco di azioni.

- Richard

Source
Risposta


89
  • Il bootstrap di Twitter ha lo scopo di fornire una funzionalità di base e fornisce solo plug-in JavaScript di base che fanno qualcosa sullo schermo. Qualsiasi contenuto o funzionalità aggiuntivo, dovrai farlo da solo.

    <div class="btn-group">
      <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
      <ul class="dropdown-menu">
        <li><a href="#" id="action-1">Action</a></li>
        <li><a href="#" id="action-2">Another action</a></li>
        <li><a href="#" id="action-3">Something else here</a></li>
      </ul>
    </div><!-- /btn-group -->
    

    e poi con jQuery

    jQuery("#action-1").click(function(e){
    //do something
    e.preventDefault();
    });