Javascript jquery中的LI影响我的菜单

我有一个图像滑块的jquery，可以在这里看到：

我有一份经典的水平菜单，当然有-ul-和-li-的

但是这个jquery影响了我的菜单，当我点击菜单时，它不起作用，但它做了jquery的工作，并且改变了大div，就像我点击了小拇指一样，你可以在示例中看到

如何解决这个问题？

当你说

$（'li'）。单击（fn）

你实际上是在代码中说，“嘿，jQuery，找到所有

li

元素，每当我单击它们时，运行

fn

”

您可能希望将此限制为

li

元素，这些元素是

的子元素，这是通过使用

$（“#links li”）来实现的。请单击（fn）

---

您还可以考虑使用“<代码> > UL ID =“链接”类=“SturnTalyScLoopl菜单”> <代码>，而不是您现在没有做的DIV。请尽量减少在互联网上不必要的div。

为选择器添加更多细节

$（“ul.horizontal\u scroll\u menu li”）

应该可以做到这一点。见实施：

---

试试这个？

总是把相关的代码/标记放在问题本身，不要只是链接。为什么：我看到T.J了，对不起。我只是觉得这样会更实用，位置会更少。嗨，迈克尔，谢谢你，你的帮助对我很好。但我想你忘了加一个。在jquery部分的“ul.horizonta\u scrol\u menu li”之前。因为一开始我无法让它工作，但后来有了一个医生的帮助。我做到了；）嗨，克里斯，也谢谢你的回答。我试过你的答案，很高兴知道这个选项；）谢谢你的回答，Lee，我尝试了上面的简单解决方案，但没有对我的jquery做太多改变。你知道我在这方面不是很专业，但以后也可以试试你的。干杯

var container = $('#detail'),
bigimages =  container.find( "div");
bigimages.first().fadeIn("slow");
    $('.horizontal_scroll_menu li').each( function ( idx ) {
        $(this).click( function  ( e ) {
            bigimages.stop(true,true).hide().eq( idx).fadeIn("slow");
        })
    });​