bootstrap dropdown verschwindet bei Eingabe wählen

Question

Ich habe ein Bootstrap-Dropdown-Menü, das ich verwenden möchte, um mich anzumelden. Es scheint gut, aber wenn ich den Benutzernamen nput auswählen, verschwindet es, da der Fokus auf die Eingabe gegangen ist. Wie würde ich die Eingaben unterstützen oder gibt es dafür eine Arbeitsmethode?

Mein aktueller Code ist:

<li id="fat-menu" class="dropdown"> 
     <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown" data-target="#">Login <b class="caret"></b></a> 
     <ul class="dropdown-menu" role="menu" aria-labelledby="drop3"> 
      <li role="presentation"><input name="username" type="text" placeholder="Username" /></li> 
      <li role="presentation"><input name="password" type="password" placeholder="Password" /></li> 
      <li role="presentation" class="divider"></li> 
      <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Login</a></li> 
      </ul> 
    </li> 

bei jsfiddle Mein Versuch. Ich konnte nicht das Drop-down bekommen, überhaupt zu arbeiten: http://jsfiddle.net/KF8dv/

Answer 1

Bitte beachten Sie folgendes: - http://jsfiddle.net/b8769/

Sie müssen Drop-Down-Ereignis verhindern, wenn bei der Eingabe Textfelder geklickt. Sie können dies mit Javascript erreichen. stopPropagation

$('.dropdown-menu input').click(function(e) { 
     e.stopPropagation(); //This will prevent the event from bubbling up and close the dropdown when you type/click on text boxes. 
    });