Question

问题：为什么我的代码在每次导航点击时都会运行幻灯片切换功能，而不仅仅是分配给切换的功能？

当用户点击导航时，会为每个导航分配一个值。

根据数字值，代码应将特定动画运行到目标页面中。

音乐和时尚页面都有滑动切换。

虽然派对页面已淡出。

我注意到派对页面继续滑动切换，即使当我取消任何淡出/当前页面仍然滑动切换。

代码有问题吗？我怎样才能更好地做到这一点？

$('.nav').click(function () {
    var abc = $(this).attr('data-value');
    console.log(abc);
    if (abc == 0) {
        $('#fashion-page').show(function () {
            $grid1.masonry('layout');
            $('#blog').addClass('activer');
            $('.current-page').slideToggle(600, function () {
                $('.page').removeClass('current-page');
                $('#fashion-page').addClass('current-page');
            });
        });

    } else if (abc == 1) {
        $('#party-page').show(function () {
            $('.current-page').fadeOut(400, function () {
                $('.page').removeClass('current-page');
                $('#party-page').addClass('current-page');
            });
        });

    } else if (abc == 2) {
        $('#music-page').show(function () {
            $('.current-page').slideToggle(600, function () {
                $('.page').removeClass('current-page');
                $('#music-page').addClass('current-page');
            });
        });

    }
});

Answer 1

抱歉，这是因为我不小心将相同的ID用于不同的按钮。一旦改变一切顺利。

jquery if / else语句运行所有参数

1 个答案: