如果在其外部的任何位置单击，则使jQuery元素向上滑动

Question

我有一个下拉菜单，当我点击它外面的任何地方时（或所有它的子元素）我想要滑动

我的代码似乎无法正常工作:(

$(document).ready(function () {
  $('*').not(".drop").click(function() {
    $('.drop').slideUp('medium', function() {
// Animation complete.
});});});

Answer 1

试试这个我希望这会对你有帮助。

$(document).ready(function () {
  $('.drop').click(function(e){
     e.stopPropagation();
  });
  $('html').click(function() {
    var $drop = $('.drop');
    if($drop.is(":visible")) {
      $drop.slideUp('medium', function() {
        // Animation complete.
      });
    }
  });
 });

Answer 2

$(document).click(function() {
    if ($('.drop').is(':visible'))
        $('.drop').slideUp();
});

$(".drop").click(function() {
    $('.drop').slideDown();
    return false;
});