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

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