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

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

的一部分

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

Answer 2

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

Javascript - 从悬停到点击

Javascript - From hover to click

hover

click