Javascript 具有窗口宽度的jquery切片脚本

我有一个脚本：

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();

函数thoat（）{
var sples=$（window.width（）；
如果（sples>=320&&sples它实际上工作得很好。唯一的问题是您只在
DOM.ready（）
上运行函数，但是当您在screenfly上更改分辨率时，它不会导致页面重新加载，因此不会触发
DOM.ready（）
事件，而是
$（窗口）.resize（））
是。因此您可以在代码中添加以下行

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

而且它有效



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

UPD由于滚动条的原因，它不能在320px下工作，它的宽度像17px，并且
.width（）
方法返回
窗口
宽度，没有滚动条，因此，在您的情况下，它超出范围。
可以，但在320px上没有选择所有元素？为什么？在320和480上需要全部选择，但为什么不理解？这个脚本工作了大约一个月不知道为什么不在320px上工作，然后我如何才能在320px上工作？非常感谢您有用吗？@testers您可以尝试使用本机js
window.outerWidth
，它应该会有所帮助，或者在您的范围内添加17px:）