Question

这是我的脚本，但它适用于鼠标悬停。

$(function () {    
  $('#nav li').hover(function () {
     clearTimeout($.data(this, 'timer'));
     $('ul', this).stop(true, true).slideDown(200);
  }, function () {
    $.data(this, 'timer', setTimeout($.proxy(function() {
      $('ul', this).stop(true, true).slideUp(200);
    }, this), 200));
  });
});

如何在鼠标点击下拉下拉？

Answer 1

用.click（）替换.hover（）

这些是

的快捷方式

   .on("hover",function(){})

和

 .on("click",function(){});

Answer 2

尝试

$(function () {
    $('#nav li').click(function (e) {
        var $this = $(this);
        $this.toggleClass('open');
        $(this).siblings('.open').removeClass('open').find('ul').stop(true).slideUp(200);
        $('ul', this).stop(true, true).slideToggle(200);
    });
    $(document).click(function (e) {
        if (!$(e.target).closest('#nav').length) {
            $('#nav li.open').removeClass('open').find('ul').stop(true).slideUp(200);
        }
    })
});

演示：Fiddle

点击后如何进行下拉菜单？

2 个答案: