jquery如果寬度小於，請更改此屬性

$(".section").each(function(i, el){ 
    var section = $('.section'); 
    var width = section.width(); 
    if (width < 960) 
     section.attr('class', 'section-slim'); 
});

這似乎工作正常，在瀏覽器刷新時，如何在調整大小時使其動作？例如：如果有人使瀏覽器窗口變小，它會添加這個類？jquery如果寬度小於，請更改此屬性

來源

2012-07-07 RooWM

事件綁定到jQuery的「調整」事件

$(window).on("resize load", function() { 
    $(".section").each(function(i, el){ 
    var section = $('.section'); 
    var width = section.width(); 
    if (width <= 960) { 
     section.attr('class', 'section-slim'); 
    } 
})

來源

2012-07-07 19:05:33 Austin

真棒的感謝！任何想法如何我可以修改此刪除類如果寬度調整大小等於或寬於960？如果（寬度> 960） section.attr – RooWM 2012-07-07 19:19:06

此外，這可以使工作不僅如果調整大小？例如：如果某個人的窗口在頁面加載時實際上小於960？ – RooWM 2012-07-07 19:22:00

.on可以綁定多個事件。嘗試$（window）.on（「resize load」，function（）{}） – Austin 2012-07-07 19:28:32

把你的代碼比window.resize稱之爲一個共同的功能（）

$(window).resize(function() { //you can call your function here 
    // do something here 
});

來源

2012-07-07 19:07:19

jquery如果寬度小於，請更改此屬性

回答

相關問題