Javascript - 从悬停到点击

Question

如何将其从悬停更改为单击？

$(function(){
    $('ul#menu li').hover(function(){
        //$('#drop' , this).css('display','block');
         $(this).children('ul').delay(20).slideDown(600);
    }, function(){
         $(this).children('ul').delay(20).slideUp(600);
    });
});

Fiddle

Answer 1

click 只需要一个处理程序； hover 的独特之处在于它需要两个。您需要使用单个处理程序：

$(function(){
    $('ul#menu li').on('click', function(){
         // note using slideToggle which automatically switches
         // btwn up/down
         $(this).children('ul').delay(20).slideToggle(600);
    });
});

http://jsfiddle.net/8g7ead5x/1/

---

或者，根据骗子，您可以使用.toggle：

$(function(){
    $('ul#menu li').toggle(function(){
        //$('#drop' , this).css('display','block');
         $(this).children('ul').delay(20).slideDown(600);
    }, function(){
         $(this).children('ul').delay(20).slideUp(600);
    });
});

Answer 2

只需将函数名称hover改为click即可。它是 jQuery 的一部分。

---

使用@Mathletics 示例。 click 函数只接受一个函数，因此您必须更改代码。我用一个工作示例 (Fiddle) 修改了你的 Fiddle，所以现在你有了第三种选择。