jquery - 如何在屏幕调整大小时附加 div

Question

我想在达到特定屏幕尺寸（如 css 媒体查询）时替换 div 位置。我试过了，但在获取屏幕尺寸时遇到了一些问题。这是我到目前为止所做的。

http://jsbin.com/izize3/60/edit

$(window).resize(function () {
    var width = $(window).width();
    if (width >= 768 || width <= 979) {
        $('#div1').appendTo('#container');
    } else if (width > 979) {
        alert("else if is executed");
        $('#div2').appendTo('#container');
    } else {
        alert("Default else");
    }
});

Answer 1

因为您在第一个 if 语句中使用：

if (width >= 768 || width <= 979)

任何宽度 > 768 都将通过此条件。

您应该改用：

if (width >= 768 && width <= 979)

顺便说一句，请考虑使用调试console.log()代替alert().

http://jsbin.com/izize3/73/edit