如何在父级ul下水平显示子ul

时间:2015-08-05 14:17:49

标签: javascript jquery html css ajax

我多次询问我在这里的导航但没有得到我的愿望结果,所以我想最后一次也许有人帮我实现这样的目标!

the telegraph site

正如您在下面的代码中看到的,我只有5个父菜单,每个菜单至少有12个子菜单​​或子菜单。我希望水平显示我的5个父菜单或主菜单,就像您在home video news world sport等上面看到的图像一样,并显示他们相关的孩子它下面的菜单也是水平再次你看图像并注意选择的父链接news和他们的子链接如politics investigations obits education等如下所示他横向并且还注意到父链接news和子链接investigations同时具有活动类,我也想要这种效果。

如果您请访问此link - the telegraph,您还可以查看是否刷新页面导航保持不变并保持其活动状态。

这是我的尝试请查看此fiddle在这个小提琴中你注意到当页面刷新时,儿童导航消失,并且活动链接状态也只有一个链接保持活动状态但是你现在知道我想要父链接即使我在他的任何子链接上保持活跃,就像你在上面链接的the telegraph网站上看到的一样。

备注

  • 我使用jquery ajax将页面动态加载到div,并在我的网址中使用哈希。
  • 还使用这个基于jquery bbq html5 history api的jquery ajax插件来加载页面,浏览器历史记录和浏览器后退和前进按钮,一切正常。

请随意使用任何jquery lib任何hack或你喜欢什么,但我需要这个很糟糕。任何能帮助我实现这一目标的人我都非常感激他,并且在我网站的学分部分也提到了他。感谢

p.s:如果需要,可随时询问任何进一步的细节。

0 个答案:

没有答案