Question

我有一个图像滑块的jquery，可以在这里看到：http://jsfiddle.net/S4LGr/42/

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

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

我该如何解决这个问题？

Answer 1

当你说$('li').click(fn)时，你真的在代码中说，“嘿jQuery，去查找所有li元素，每当我点击它们时，运行fn。”

您可能希望将此限制为li的{{1}}元素，而不是使用<div id="links">代替$('#links li').click(fn)。

你也可以考虑使用<ul id="links" class="horizontal_scroll_menu">而不是你现在没有做的div。请尽量减少互联网上不必要的div。

Answer 2

向选择器添加更多细节。 $("ul.horizontal_scroll_menu li")应该做到这一点。请参阅实施：http://jsfiddle.net/S4LGr/43/

Answer 3

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

试试这个吗？

我的jquery中的LI会影响我的菜单

3 个答案: