Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery菜单在单击时不起作用_Javascript_Jquery - Fatal编程技术网

Javascript Jquery菜单在单击时不起作用

Javascript Jquery菜单在单击时不起作用,javascript,jquery,Javascript,Jquery,我可以让我的菜单在hover上运行,但当我使用mousedown时它不工作: 谁能告诉我哪里出了问题吗?我希望在单击顶层时菜单打开并保持打开状态。鼠标向下事件中不能有两个函数,因此请分别使用它们mousedown和mouseleave检查此项: $(document).ready(function () { $('#nav li').mousedown( function () { $('ul', this).stop().slideDown(100);

我可以让我的菜单在hover上运行,但当我使用mousedown时它不工作:


谁能告诉我哪里出了问题吗?我希望在单击顶层时菜单打开并保持打开状态。

鼠标向下事件中不能有两个函数,因此请分别使用它们
mousedown
mouseleave

检查此项:

 $(document).ready(function () {    

$('#nav li').mousedown(
    function () {
        $('ul', this).stop().slideDown(100);

    }

).mouseleave(
 function () {
        $('ul', this).stop().slideUp(100);  
    }
);      
});
我会使用
click()
slideToggle()
。试试这个:

$(document).ready(function () { 
    $( "#nav li" ).click(function() {
  $('ul', this).stop().slideToggle(100);
});

});
你还必须声明你的理想功能。我们现在所做的就是探索


我认为你应该使用悬停而不是鼠标向下

$('#nav li').hover(
        function () {
            $('ul', this).stop().slideDown(100);

        }, 
        function () {
            //hide its submenu
            $('ul', this).stop().slideUp(100);          
        }
    );

使用
切换事件

$(document).ready(function () { 

    $('#nav li').mousedown(function(){

        $('ul #items').toggle(1000);

    });

});

您是否阅读了
.mousedown()
的文档?请使用jquery.toggle而不是鼠标下键
$(document).ready(function () { 

    $('#nav li').mousedown(function(){

        $('ul #items').toggle(1000);

    });

});