Question

我有一点询问。它必须有点像媒体查询。在某种程度上它可以工作，但Grunt打印出一个名为：

的错误

意外的令牌：punc（{）。

这是我的jQuery代码段：

$(document).ready(function () {
    if ($(window).resize(function () {
        if ($(window).width() < 800) {
            $('.bxslider').bxSlider({
                minSlides: 2,
                maxSlides: 2,
                moveSlides: 1,
                pager: false,
                randomStart: true,
                auto: true,
                autoHover: true,
                controls: true,
                onSliderLoad: function () {
                    showSlider();
                }
            });
        }
        if ($(window).width() < 480) {
            $('.bxslider').bxSlider({
                minSlides: 1,
                maxSlides: 1,
                moveSlides: 1,
                pager: false,
                randomStart: true,
                auto: true,
                autoHover: true,
                controls: true,
                onSliderLoad: function () {
                    showSlider();
                }
            });
        }
    }))
    else {
        $('.bxslider').bxSlider({
            minSlides: 3,
            maxSlides: 3,
            moveSlides: 1,
            pager: false,
            randomStart: true,
            auto: true,
            autoHover: true,
            controls: true,
            onSliderLoad: function () {
                showSlider();
            }
        });
    }
});

Answer 1

在最后的else语句上方的行上，尝试删除}))。我很难测试，但在我的编辑器中看起来这些与任何东西都不匹配而且只是额外的。可能是错的，因为我相信你收到了语法错误的等价物，所以值得一试。

最后也错过了一个括号。我相信下面的代码应该在语法上是正确的，但是可能需要根据你想要如何流过条件进行一些更改，即我不清楚if else属于哪个$(document).ready(function(){ if($(window).resize(function(){ if($(window).width() < 800){ $('.bxslider').bxSlider({ minSlides: 2, maxSlides: 2, moveSlides: 1, pager: false, randomStart: true, auto: true, autoHover: true, controls: true, onSliderLoad: function() { showSlider(); } }); } if($(window).width() < 480){ $('.bxslider').bxSlider({ minSlides: 1, maxSlides: 1, moveSlides: 1, pager: false, randomStart: true, auto: true, autoHover: true, controls: true, onSliderLoad: function(){ showSlider(); } }); } else { $('.bxslider').bxSlider({ minSlides: 3, maxSlides: 3, moveSlides: 1, pager: false, randomStart: true, auto: true, autoHover: true, controls: true, onSliderLoad: function(){ showSlider(); } }); } }});到。

{{1}}

Answer 2

鉴于您提供的信息量有限，很难说，但我很确定这实际上就是您想要做的事情。

$(document).ready(function(){
    $(window).resize(function(){
        if($(window).width() < 480){
            $('.bxslider').bxSlider({
                minSlides: 1,
                maxSlides: 1,
                moveSlides: 1,
                pager: false,
                randomStart: true,
                auto: true,
                autoHover: true,
                controls: true,
                onSliderLoad: function(){
                    showSlider();
                }
            });
        }
        else if($(window).width() < 800){
            $('.bxslider').bxSlider({
                minSlides: 2,
                maxSlides: 2,
                moveSlides: 1,
                pager: false,
                randomStart: true,
                auto: true,
                autoHover: true,
                controls: true,
                onSliderLoad: function() {
                    showSlider();
                }
            });
        }
        else {
            $('.bxslider').bxSlider({
                minSlides: 3,
                maxSlides: 3,
                moveSlides: 1,
                pager: false,
                randomStart: true,
                auto: true,
                autoHover: true,
                controls: true,
                onSliderLoad: function(){
                showSlider();
                }
            });
        }
    });
});

jQuery if / else意外令牌：punch（{）

2 个答案: