1 评论

0 收藏

分享

[松鼠短视频] 松鼠官网 首页2个 标签事件 冲突前端记录--已修复

松鼠官网 首页2个 标签事件 冲突前端记录--已修复



$(function () {
   $('.product-tabbar-content a').hover(function () {
       $(this).addClass('active').siblings().removeClass('active');
       $('.product-content-box .product-content').eq($(this).index()).removeClass('d-none').siblings().addClass('d-none');
   });
   
   $('.plan-main-l > div').hover(function () {
       $(this).addClass('active').siblings().removeClass('active');
       if ($(this).index()) {
           $(this).find('img').attr('src', 'images/video2.png');
           $(this).siblings().find('img').attr('src', 'images/live1.png');
       } else {
           $(this).find('img').attr('src', 'images/live2.png');
           $(this).siblings().find('img').attr('src', 'images/video1.png');
       }
       $('.plan-main-r .plan-main-r__card').eq($(this).index()).removeClass('d-none').siblings().addClass('d-none');
   });
    $('.tabbar-1 a').hover(function () {
        $(this).addClass('active').siblings().removeClass('active');
        $('.page-view-1 .product-content').eq($(this).index()).removeClass('d-none').siblings().addClass('d-none');
    });
   $('.video-system__main .item').hover(function () {
       let index = $(this).index();
       // if (index === 2 || index === 3) {
       //     return false;
       // }
       $(this).addClass('active').siblings().removeClass('active');
    $('.tabbar-2 a').hover(function () {
        $(this).addClass('active').siblings().removeClass('active');
        $('.page-view-2 .product-content').eq($(this).index()).removeClass('d-none').siblings().addClass('d-none');
    });
       if ($(this).parent().attr('class') === 'left') {
           $(".video-system__main .right .item").removeClass('active');
       } else {
           $(".video-system__main .left .item").removeClass('active');
       }
    $('.plan-main-l > div').hover(function () {
        $(this).addClass('active').siblings().removeClass('active');
        if ($(this).index()) {
            $(this).find('img').attr('src', 'images/video2.png');
            $(this).siblings().find('img').attr('src', 'images/live1.png');
        } else {
            $(this).find('img').attr('src', 'images/live2.png');
            $(this).siblings().find('img').attr('src', 'images/video1.png');
        }
        $('.plan-main-r .plan-main-r__card').eq($(this).index()).removeClass('d-none').siblings().addClass('d-none');
    });
       $('.video-system__main .phone img').eq($(this).attr('data-index')).show().siblings().hide();
   });
});
    $('.video-system__main .item').hover(function () {
        let index = $(this).index();
        // if (index === 2 || index === 3) {
        //     return false;
        // }
        $(this).addClass('active').siblings().removeClass('active');
        if ($(this).parent().attr('class') === 'left') {
            $(".video-system__main .right .item").removeClass('active');
        } else {
            $(".video-system__main .left .item").removeClass('active');
        }
        $('.video-system__main .phone img').eq($(this).attr('data-index')).show().siblings().hide();
    });
});

优雅草论坛2022年8月11日大改,优雅草论坛变回只服务于客户的提问交流论坛,详情查看优雅草8月11日大改,原因详情查优雅草外卖乐关闭

回复

举报 使用道具

相关帖子
全部回复 (1)
查看全部
10.jpg

优雅草论坛2022年8月11日大改,优雅草论坛变回只服务于客户的提问交流论坛,详情查看优雅草8月11日大改,原因详情查优雅草外卖乐关闭

举报 回复 使用道具

一颗优雅草科技 实名认证 机构蓝V认证
服务代表
主题 846
回复 1636
粉丝 7
快速回复 返回顶部 返回列表