Bootstrap выпадающий с Form Insider

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();
});