Question

当浏览器大小小于768px时，如何只执行此脚本的一部分？

var $container = $('div.recomendField'),
    divs = $("div.onethird").get().sort(function () {
        return Math.round(Math.random()) - 0.5;
    }).slice(0, 3),
    $clonedDivs = $(divs).clone();
$container.html('');
$clonedDivs.each(function (index) {
    $container.append(this);
    if (index % 3 == 0) { // execute only 
        $(this).css("margin-left", "0%"); // if 
    } else { // less
        $(this).css("margin-left", "2%"); // than
    } // 768px
});
$clonedDivs.show();

I have trided this

var $container = $('div.recomendField'),
    divs = $("div.onethird").get().sort(function () {
        return Math.round(Math.random()) - 0.5;
    }).slice(0, 3),
    $clonedDivs = $(divs).clone();
$container.html('');
$clonedDivs.each(function (index) {
    $container.append(this);
    if ($(window).width() >= 768) { // <-this
        if (index % 3 == 0) {
            $(this).css("margin-left", "0%");
        } else {
            $(this).css("margin-left", "2%");
        }
    }
});
$clonedDivs.show();

Answer 1

我在定位小型设备时使用此功能：

if(window.screen.availWidth < 768)

根据屏幕大小仅执行jQuery的一部分

1 个答案: