Javascript jQuery单击不起作用,但切换起作用

Javascript jQuery单击不起作用,但切换起作用,javascript,jquery,Javascript,Jquery,这是无所作为: $("#nav li ul li").click(function(){ $(this).find('ul:first').css({ visibility: "visible" }); }); 这正在工作(显示和隐藏): 我想让第一个开始工作,我不想让它切换。试试下面的代码: $("#nav li ul li").click(function(){ $(this).find('ul').first().css("visibility","visible")

这是无所作为:

$("#nav li ul li").click(function(){
  $(this).find('ul:first').css({
    visibility: "visible"
  });
});
这正在工作(显示和隐藏):

我想让第一个开始工作,我不想让它切换。

试试下面的代码:

$("#nav li ul li").click(function(){
  $(this).find('ul').first().css("visibility","visible");
});
请尝试以下代码:

$("#nav li ul li").click(function(){
  $(this).find('ul').first().css("visibility","visible");
});
CSS

.ghost{visibility:hidden;}
jQuery

$("#nav li ul li").click(function() {
    $(this).find('ul:first').toggleClass('ghost')
});
CSS

.ghost{visibility:hidden;}
jQuery

$("#nav li ul li").click(function() {
    $(this).find('ul:first').toggleClass('ghost')
});

请发布您的HTML,并尽可能包含一个jsFiddle.net链接。哦,您尝试使用的toggle()不久前已从jQuery中删除。需要更多代码来帮助,但通常更喜欢使用。在('click',function(){})上,您是否在$(document)中运行脚本。准备好函数了吗?它开始工作了,问题是下面几行:$('html')。单击(function(){$(“#nav li ul li”)。查找('ul')。css({display:'none});});请发布您的HTML,并尽可能包含一个jsFiddle.net链接。哦,您尝试使用的toggle()不久前已从jQuery中删除。需要更多代码来帮助,但通常更喜欢使用。在('click',function(){})上,您是否在$(document)中运行脚本。准备好函数了吗?它开始工作了,问题是下面几行:$('html')。单击(function(){$(“#nav li ul li”)。查找('ul')。css({display:'none});});你能详细说明一下这个代码示例如何导致与提问者的第一个示例不同的行为吗?@FrédéricHamidi我使用第一个作为函数,OP在选择器中使用它。在很多情况下,比如在find中:first是不可行的(在很多情况下)。这是我个人的经验。这就是为什么我问,应用
:first
选择器和链接到
first()
方法之间没有功能上的区别。理论上,如果提问者的第一个样本对他无效,那么你的代码也会无效。@FrédéricHamidi嗯,对。谢谢你让我集中精力解释答案。你能详细解释一下这个代码示例如何导致与提问者的第一个示例不同的行为吗?@FrédéricHamidi我使用第一个作为函数,OP在选择器中使用它。在很多情况下,比如在find中:first是不可行的(在很多情况下)。这是我个人的经验。这就是为什么我问,应用
:first
选择器和链接到
first()
方法之间没有功能上的区别。理论上,如果提问者的第一个样本对他无效,那么你的代码也会无效。@FrédéricHamidi嗯,对。谢谢你让我集中精力阐述答案。