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）修改了您的小提琴，所以现在您有第三个选项。