Twitter Bootstrap tıklamaktan kapanamayacağınız bir açılır kapanışı durduramaz

Question

Diğer sorulara benzedim ve birçok çözümü denedim ama hiçbiri işe yaramadı. İşte sorun, bu üst başlık için bir mini giriş formu. Alanlara tıkladığınızda otomatik olarak kapanmayacak düğmeye ihtiyacım var. İşte benim kodum:

<script> 
    $(document).on('click', '.dropdown-menu', function(e){ 
     $(this).hasClass('keep_open') && e.stopPropagation(); // This replace if conditional. 
    }); 
    ​</script>     
    <div class="btn-group" > 
     <a class="btn btn-small btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"> 
     <i class="cus-key"></i> Login 
     <span class="caret"></span> 
     </a> 
     <ul class="dropdown-menu pull-right keep_open"> 
     <form action="clog.php" method="post" class="keep_open"> 
     <!-- dropdown menu links --> 
      <li><input type="text" placeholder="Username..." class="keep_open" /></li> 
      <li><input type="text" placeholder="Password..." class="keep_open"/></li> 
      <li><input type="submit" name="submit" style="background-image: url('img/login.png'); width: 110px; height: 32px; cursor: hand; margin-top: -5px" value=" " /></li> 
      <li><a href="/riders/register.php" ><span style="color: green; float: right" > Sign up for account<i class="icon-double-angle-right"></i></a></span></li> 
     </form> 
     </ul> 
    </div> 

Answer 1

ben bu sözdizimi Ödünç Bootstrap 3'te bir açılan menü içinde yuvalanmış olan bir akordeon/geçiş alt menüsü ile de aynı sorunu vardı

$(document).on(
    'click.bs.dropdown.data-api', 
    '[data-toggle="collapse"]', 
    function (e) { e.stopPropagation() } 
); 

sen formunu kapanış, örneğin durdurmak istediğini ile [data-toggle="collapse"] değiştirebilirsiniz: source code açılan kapatma tüm çöküş taban fiyatlar durdurmak için başka bir sınıf veya başka bir veri özelliği.

Answer 2

Bunu çözdüm. Belge hazır fonksiyonunda değildi. (Koala_dev için şapka ucu) JavaScript olması gerekiyor:

<script type="text/javascript"> 

    $(document).ready(function() { 
     $(document).on('click', '.dropdown-menu', function (e) { 
      $(this).hasClass('keep_open') && e.stopPropagation(); // This replace if conditional. 
     }); 
    }); 
    </script>