javascript - 使用 javascript 创建多个 if/else 条件

Question

我对如何设置多个条件有疑问。基本上我有三个条件可以读取或收听浏览器视口(viewport)。第一个和第二个条件有效，但第三个条件似乎没有触发。是不是因为和第二个条件冲突了？

    if($(window).width() > 1280) {
        console.log('desktop');
    }

    else if ($(window).width() < 1280) {
        console.log('tablet');
    }

    else if ($(window).width() < 780) {
        console.log('mobile');
    }

Answer 1

是因为你的第二个else/if。如果$(window).width()小于780，也小于1280

改成

else if ( $(window).width() >= 780 && $(window).width() < 1280) {
    console.log('tablet');
}