当前菜单项更改容器<div>背景图像</div>

Question

所以这可能会让人感到有些困惑，但基本上我试图让当前的页面/菜单项改变父div的背景图像。诀窍是，一些菜单项列在多个选项卡下，所以我试图区分页面加载后点击了哪个菜单项。

以下是我快速拼凑的一个例子：http://jsfiddle.net/r6r7U/

所以在这个例子中，当页面加载时，我想用类＆＃34; changing-background＆＃34;更改div的背景图像。取决于单击的菜单/子菜单项。但是，正如您所看到的，“金毛猎犬”＃39;超链接存储在两个单独的菜单项下。

我正在考虑以某种方式使用以下内容：

.hasClass('current-menu-item')

我确定这个问题非常令人困惑，但基本上我不确定如何在CSS或Jquery中执行此操作，因为我的背景是第一个在页面上加载的内容。

Answer 1

如果是这样的话 navigation menu 您必须在目前的页面上进行标记，例如使用.active class：

http://jsfiddle.net/r6r7U/4/

所以当加载页面时，它已经在html中标记了活动类。 UI元素有id，每个ul都有自己的背景颜色

以下是您使用类似内容的解决方案 jquery tabs http://jsfiddle.net/r6r7U/12/