将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重置为默认值？因为调整大小时切片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')，您不希望在每次调整大小事件时都选择它。

Answer 2

var $projects = $(".projects");    
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");
 };