窗口宽度调整大小功能jQuery

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

它的工作良好与默认没有调整大小finction。我尝试设置此：窗口宽度调整大小功能jQuery

$(window).resize(function() {   
})

但不工作。任何想法为什么？

JSFIDDLE

来源

2014-02-23 user3327101

看起来工作给我。你究竟期待它做什么？ – Bic

我想在窗口宽度更改时更改切片？ – user3327101

它的确如此？也许问题是，如果宽度改变，它不会改回来？ – Bic

你永远重置格边距。因此，一旦达到第1到第8片有边距的点，它们将永远不会变回。你需要重新设置的div：

$(window).resize(function() { 
    $(".projects").css('margin', '0px'); // reset the divs 
    if ($(window).width() >= 320 && $(window).width() <= 480) { 
     $(".projects").slice(1, 8).css("margin", "10px"); 
    } else { 
     $(".projects").slice(3, 6).css("margin", "10px"); 
    }; 
});

这里是Fiddle

来源

2014-02-23 09:08:00 Bic

窗口宽度调整大小功能jQuery

回答

相关问题