首页 > 这些js代码能简写吗?

这些js代码能简写吗?

$(function() {
    $('.collapse.navbar-collapse ul li').click(function() {//菜单nuv下边距
        $(this).addClass('active-mune').siblings().removeClass('active-mune');
    });
                  
    $('.num li').click(function() {//首页主要功能模块
        $(this).addClass('num-hover-active').siblings().removeClass('num-hover-active');
    });
                  
    $('.connection-left ul li').click(function() {//联系我们页面的左边距
        $(this).addClass('active-border').siblings().removeClass('active-border');
    });
                  
    $('.page .page-list ul li').click(function() {//翻页列表
        $(this).addClass('active-bg').siblings().removeClass('active-bg');
    })
})

mune是什么鬼?

$(this).addClass('active-bg').siblings().removeClass('active-bg'); 这样的代码自己封装个jQuery扩展呗。


个人意见

  1. $(this).addClass('num-hover-active').siblings().removeClass('num-hover-active');
    这玩意儿为什么不自己封装小函数?

  2. 连着4次$(this),为什么不const a = $(this)

  3. 这么多.click,建议全部在外面用on委托。

【热门文章】
【热门文章】