阻止关闭点击时自举下拉列表

Question

我试图将复选框放在bootstrap下拉列表中.我不希望下拉列表在点击时关闭,但如果他们点击网站上的其他位置,我仍然希望它关闭.我仍然想在下拉列表中点击其他javascript操作.我有一个与我想要的完全相反的例子.此示例关闭单击下拉菜单,但在从下拉区域外部单击时保持打开状态.

 $(function () {
     $('.dropdown.keep-open').on({
         "shown.bs.dropdown": function() {
             $(this).data('closable', false);
         },
         "click": function() {
             $(this).data('closable', true);
         },
         "hide.bs.dropdown": function() {
             return $(this).data('closable');
         }
     });
 });   

http://jsfiddle.net/KyleMit/ZS4L7/

Answer 1

我终于明白了.代码如下:

$(function() {
    $('.dropdown.keep-open').on({
        "shown.bs.dropdown": function() {
            $(this).data('closable', false);
        },
        "click": function(event) {
            $(this).data('closable', false);
        },
        "hide.bs.dropdown": function(event) {
            temp = $(this).data('closable');
            $(this).data('closable', true);
            return temp;
        }
    });
});

编辑:在第11行添加了缺少的分号.