带窗口宽度的jquery切片脚本

Question

我有一个脚本JS：

function thoat() {
    var sples = $(window).width();
    if (sples >= 320 && sples <= 480) {$('.projects').slice(0, 9).css('margin', '10px');
    } else {$('.projects').slice(3, 6).css('margin', '10px');
    }
}thoat();

当屏幕尺寸为btw 320和480时，如果没有选择所有元素，则从底部选择三个。 它的外观看起来很棒，但是我尝试使用320px的响应式屏幕测试大小而不是选择所有元素都不明白为什么？在320px什么写不起作用

响应式测试网站，不适用于320px：screenfly

jsfiddle

问题是什么？用脚本？

Answer 1

实际上它工作得很好。唯一的问题是你只是在DOM.ready()上运行你的功能，但是当你在screenfly上更改分辨率时它不会导致页面重新加载，因此DOM.ready()事件不会被触发，但是$(window).resize()是。因此，您可以在代码中添加以下行

$(window).on('resize', thoat);

它有效！

jsfiddle

Screenfly 只需将屏幕调整为某个移动设备，您就会看到结果。

UPD 它在滚动条的320px原因不起作用，它的宽度类似于17px，而.width()方法返回window宽度而没有滚动条，所以，在你的情况超出范围。