带有 Form Insider 的 Bootstrap 下拉菜单答案

【问题标题】：Bootstrap Dropdown with Form Insider带有 Form Insider 的 Bootstrap 下拉菜单
【发布时间】：2012-04-01 00:12:45
【问题描述】：

我的应用程序中有一个运行良好的引导下拉菜单，但当我单击任何输入字段时，下拉菜单会淡出。我知道 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"}/

谁能指出我的错误？为什么这不起作用？提前感谢。

【问题讨论】：

标签： ruby-on-rails twitter-bootstrap

【解决方案1】：

试试这个：

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

【讨论】：