2012-01-21 25 views
0

我在我正在构建的这个站点上的子导航中存在一些问题。我不认为我在我的jQuery中正确选择项目。我确定它只是一件需要做的事情,但我不知道该怎么做。在jquery中的选择器

http://jsfiddle.net/ZDErp/

我想使它所以当你点击subnav的一个链接一个不同的div将打开露出了颜色。由于某种原因,当我点击一个链接时,它只会显示第一个(红色)div。

如果你能帮上忙,那就太好了!

+0

您能否在此发布相关的HTML和JavaScript?如果JSFiddle崩溃,我们希望确保这个问题仍然有价值。 –

回答

3

问题是这一行:

var $menuelement = $('.thumb').eq($(this).parent().index()); 

a.subnav的直接父是h4。在此元素上使用index()意味着您需要该h4与其兄弟的索引(没有)。你其实想要的是祖先。

用途:

var $menuelement = $('.thumb').eq($(this).closest("li").index()); 

更新小提琴:http://jsfiddle.net/286LV/

+0

太棒了!完美的作品!谢谢您的帮助! –

+0

@NateGines:如果有帮助,不要忘记“接受”答案! –

0

我更新了小提琴:http://jsfiddle.net/ZDErp/1/

我所做的就是我们的href属性作为选择的div来显示。

+0

太棒了!完美的作品!谢谢您的帮助! –