폼 내부자가있는 부트 스트랩 드롭 다운

Question

응용 프로그램에서 부트 스트랩 드롭 다운 메뉴가 있습니다.이 메뉴는 드롭 다운 메뉴가 사라지는 입력 필드를 클릭 할 때를 제외하고는 훌륭하게 작동합니다. 나는 자바 스크립트 함수 $('.dropdown-menu').find('form').click(function (e) { e.stopPropagation(); });에 대해 알고 있지만 내 경우에는 아무것도하지 않는 것 같다.

%li.dropdown 
      %a.dropdown-toggle{"data-toggle" => "dropdown", :href => "#"} 
      Sign In 
      %span.caret 
      .dropdown-menu 
      %form{"accept-charset" => "UTF-8", :action => "/users", :method => "post", :style => "margin: 0px"} 
       %div{:style => "margin:0;padding:0;display:inline"} 
       %input{:name => "utf8", :type => "hidden", :value => "✓"}/ 
       %input{:name => "authenticity_token", :type => "hidden", :value => "4L/A2ZMYkhTD3IiNDMTuB/fhPRvyCNGEsaZocUUpw40="}/ 
       %fieldset.textbox{:style => "padding:10px"} 
       %input{:placeholder => "Username", :style => "margin-top: 8px", :type => "text"}/ 
       %input{:placeholder => "Passsword", :style => "margin-top: 8px", :type => "password"}/ 
       .divider 
       %input.btn-primary{:name => "commit", :type => "submit", :value => "Log In"}/ 

사람이 내 오류를 가리시겠습니까 : 여기

내 코드? 왜 이것이 작동하지 않습니까? 고맙습니다.

Answer 1

이 대신보십시오 :

$('.dropdown input, .dropdown label').click(function(e) { 
    e.stopPropagation(); 
});