Javascript - 从悬停到点击

Javascript - From hover to click

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

$(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

只需将函数名称hover更改为click即可。它是 jQuery.

的一部分

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

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);
    });
});