单击时 jQuery 父级 UL 背景发生变化

发布于 2024-11-24 15:29:30 字数 746 浏览 0 评论 0原文

**我目前有这个 jQuery 下拉菜单工作正常，但我希望父 ul 在单击时有背景更改，并且在取消单击时将其更改回第一个背景，我尝试了一些方法，但无法实现工作，查看网站了解我的意思 http://www.media21a.co.uk/clientlogin/benaiahmatheson/benaiah-matheson/profile/

感谢您的帮助:) **

$(document).ready(function(){   

    $('.navigation > ul > li > a, .shoppingbasket a').click(function(e){
        if($(this).parent().find('ul')){
            e.preventDefault();
        }
    });

    $(".navigation ul ul, .shoppingbasket ul ul").css({display: "none"});
    $(".navigation ul li, .shoppingbasket ul li").click(function(){
        $(this).find('ul:first').slideToggle(400);
    });

});

原文

**I currently have this jQuery drop menu working fine but I'm wanting the parent ul to have a background change when clicked and when unclicked for it to change back to the first background, I have tried a couple things but cant get it to work, Check out the website to see what I mean http://www.media21a.co.uk/clientlogin/benaiahmatheson/benaiah-matheson/profile/

Thank you for any help : )
**

$(document).ready(function(){   

    $('.navigation > ul > li > a, .shoppingbasket a').click(function(e){
        if($(this).parent().find('ul')){
            e.preventDefault();
        }
    });

    $(".navigation ul ul, .shoppingbasket ul ul").css({display: "none"});
    $(".navigation ul li, .shoppingbasket ul li").click(function(){
        $(this).find('ul:first').slideToggle(400);
    });

});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

嘿咻 2024-12-01 15:29:30

$('.navigation > ul > li > a, .shoppingbasket a').click(function(e){
    if($(this).parent().hasClass('current')){
        $(this).parent().removeClass('current');
    }else{
        $(this).parent().addClass('current');
    }
    if($(this).parent().find('ul')){
        e.preventDefault();
    }
});

CSS：

.current{
    background: #f00;
}

$('.navigation > ul > li > a, .shoppingbasket a').click(function(e){
    if($(this).parent().hasClass('current')){
        $(this).parent().removeClass('current');
    }else{
        $(this).parent().addClass('current');
    }
    if($(this).parent().find('ul')){
        e.preventDefault();
    }
});

CSS: