javascript - 将 jquery 切片为默认值

Question

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

当窗口大于 480 时，如何将切片 0,8 重置为默认值？因为当调整 slice 0,8 规则的大小时仍然有效？如果大于 480，我想默认怎么办？

Answer 1

尝试使用类。它比 .css 灵活得多。在切片和分配新的之前，您需要删除以前的类/样式:

if ($(window).width() >= 320 && $(window).width() <= 480) {
    $projects.removeClass('md').slice(0, 8).addClass('sm');
} else if ($(window).width() > 480) {
    $projects.removeClass('sm').slice(3, 6).addClass('md');
};

演示:http://jsfiddle.net/96Rxg/

还要考虑缓存 $('.projects')，您不想在每次调整大小事件触发时都选择它。