Question

我正在使用简单的DropIt jquery下拉列表 - http://dev7studios.com/dropit/

我希望子菜单框保持打开状态，除非在框外单击（.dropit-submenu）我打算在下拉列表中输入表单，但每当我在下拉列表中单击输入时，整个下拉列表都会关闭......

js的第40行显示了这个

 // Close if outside click
$(document).on('click', function() {
    settings.beforeHide.call(this);
    $('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
    settings.afterHide.call(this);
});

Answer 1

如果你想使用，有一个技巧，在弹出的div你可以写onclick =“return false;”所以这不会去调用jquery的其他调用，在你的表单提交后你可以隐藏相同的div。

Answer 2

// Close if outside click
$(document).on('click', function(e){
  if($(e.target).closest('.dropit-submenu').length){ return true; }
  settings.beforeHide.call(this);
  $('.dropit-open').removeClass('dropit-open').find('.dropit-submenu').hide();
  settings.afterHide.call(this);
});

Dropit Jquery - 点击时保持子菜单打开

2 个答案: