jQuery Slice調整大小功能

Question

我需要一個腳本，使：

如果屏幕大於480px，那么這樣做

(".projects").slice(3, 6).css("margin", "10px");

如果屏幕在320px和480px之間，那么這樣做

$(".projects").slice(1, 8).css("margin", "10px");

我看到了一些腳本，但並不真正理解如何制作它。 有人可以幫我這個嗎？

我需要做這個JavaScript，因為切片只適用於js。 我不能用css這樣做。

Answer 1

這里是：

var width = screen.width;
if (width >= 320 && width <= 480) {
    $(".projects").slice(1, 8).css("margin", "10px");
} else if (width > 480) {
    $(".projects").slice(3, 6).css("margin", "10px");
}

要使用窗口大小，請使用：

var width = $(window).width();

要在窗口調整大小的情況下執行此操作：

$(window).resize(function () {
    var width = $(window).width();
    $(".projects").css("margin", 0);  // you may want to do this to "reset"
    if (width >= 320 && width <= 480) {
        $(".projects").slice(1, 8).css("margin", "10px");
    } else if (width > 480) {
        $(".projects").slice(3, 6).css("margin", "10px");
    }
});