フォームインサイダーを使ったブートストラップドロップダウン

Question

私のアプリケーションには、ドロップダウンメニューが消える入力フィールドのどれかをクリックしたときを除いて、うまくいっているブートストラップドロップダウンメニューがあります。私はJavaScriptの関数$('.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(); 
});