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