如果单击其外部的任何位置，则使 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;
});