如果在主要的li
元素之一或者我正在处理的标题的嵌套列表之一中找到链接,我试图突出显示父代li
元素。我觉得JS应该可以工作,但事实并非如此。任何指向正确的方向将非常感激。嵌套子菜单中的javascript/jquery活动链接
回答
这是你在找什么?
$('.submenu-link').hover (function (e) {
$(this).parent().parent().children('a').css('backgroundColor', 'red');
}, function (e) {
$(this).parent().parent().children('a').css('backgroundColor', 'white');
});
的jsfiddle::http://jsfiddle.net/fGGrf/5/
试试这个:
$(document).ready(function(){
var dropdown = $('.dropdown');
var link= $('.submenu-link');
var cur = "www.domain.com/overview.php" // document.location.href ? document.location.href : document.location;
cur = cur.split('/' , -1);
$('li a').each(function() {
if ($(this).attr('href') == '/' + cur[1]) {
$(this).parent().addClass('active');
}
})
});
这非常接近,只是将其仅添加到当前链接,它需要被添加到顶级li元素 – kqualters
@ kq9873你可以用'$(this).closest('。parent')。addClass('active');'http:// jsfiddle来选择顶级元素。净/ fGGrf/7/ – undefined
jQuery的挫败我没有尽头我这个不是 “$(函数(){ \t \t VAR CURRENT_PAGE = win.location.pathname || '',路径去; \t \t $( 'a','#nav')。each(function(i,el){ \t \t(= /'+')。 \t \t \t如果(路径== CURRENT_PAGE){ \t \t \t \t $(EL)。家长(+ parent_class ' ')。首先()addClass(' 激活')。 \t \t \t \t return false; \t \t \t} \t \t}); \t});' – kqualters
- 1. jQuery菜单活动链接
- 2. jquery菜单 - 活动链接
- 3. e.preventDefault()后激活子菜单链接
- 4. PHP菜单活动“这里”链接
- 5. 菜单 - 在ajax加载内容上的子菜单和活动链接
- 6. 动态嵌套菜单php
- 7. 如何将主菜单链接链接到Joomla中的子菜单链接?
- 8. jQuery添加活动类链接在主菜单上点击子菜单
- 9. 垂直菜单与子菜单,但父链接不保持活动
- 10. 嵌套菜单
- 11. 子菜单的子菜单不是嵌套
- 12. 活动菜单链接应该“裁剪”菜单条?
- 13. Typo3中的嵌套菜单
- 14. 嵌套链接
- 15. 使用php和mysql生成嵌套菜单的链接
- 16. 嵌套活动
- 17. 从主菜单中的按钮链接不同的Android活动
- 18. 使父菜单链接切换子菜单链接
- 19. Wordpress CSS中的活动子菜单
- 20. 突出显示jQuery手风琴菜单中的活动链接
- 21. 突出显示在php中的活动菜单链接
- 22. 如何识别CakePHP中的活动菜单链接
- 23. 菜单栏中的活动链接不工作
- 24. 点击菜单栏中的链接后,检查前一个活动链接,jQuery
- 25. 带有活动链接的简单水平菜单
- 26. 下拉菜单链接问题与嵌套列表
- 27. PHP嵌套组,在导航菜单链接建设
- 28. 动态菜单和链接
- 29. 如何在布局菜单中将链接标记为“活动”?
- 30. 从父菜单中删除活动类链接
相似,但应用和保持变化,如果父母是活动页面。 – kqualters
好的,那么你需要制作一个你切换的CSS类。 – Hidde
谢谢我有一个.current类,我忘了在小提琴中。问题在于javascript根据当前页面的href是否与菜单的任一级别相对应来添加它,如果这样做有意义 – kqualters