更改窗口大小更改時div的屬性

我使用jQuery mobile。在這種情況下，我想將可摺疊的數據角色添加到div，當屏幕寬度小於960像素時。更改窗口大小更改時div的屬性

在我的例子中，它只適用於你加載網站。但我想，它也適用於我重新調整瀏覽器而不重新加載頁面。

例如，當您旋轉平板電腦或手動調整瀏覽器窗口大小時，例如> 960像素到< 960像素的變化。

$(document).on("pagebeforecreate", function() { 
    if ($(window).width() < 960) { 
     $(".medis_collaps").attr("data-role","collapsible") 
    } 
});

編輯

.resize（）不起作用，因爲它似乎我必須重新加載頁面，使數據角色=「可摺疊」的工作。

來源

2014-01-07 Laire

也許[媒體查詢（https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries）將是有益的 – mplungjan

創建兩個元素（可摺疊/不可摺疊），在'orientationchange'上隱藏/顯示它們。 – Omar

這樣的東西http://jsfiddle.net/Palestinian/wt4QH/ – Omar

的使用也resize

$(window).resize(function() { 
    if ($(window).width() < 960) { 
     $(".medis_collaps").attr("data-role","collapsible") 
    } 
});

來源

2014-01-07 05:01:40

調整大小不起作用，因爲它似乎我不得不重新加載頁面，使data-role =「collapsible」工作。 – Laire

可以綁定大小調整和負載事件如下：

$(window).on('resize load pagebeforecreate', function(){ 
    if ($(window).width() < 960) { 
     $(".medis_collaps").attr("data-role","collapsible") 
    } 
});

在這種情況下沒有必要綁定相同的功能永遠事件。

來源

2014-01-07 05:05:40 Khamidulla

調整大小不起作用，因爲它似乎必須重新加載頁面才能使data-role =「collapsible」正常工作。 – Laire

你可以使用這樣的：

$(document).on("load resize pagebeforecreate", function() { 
    if ($(window).width() < 960) { 
     $(".medis_collaps").attr("data-role","collapsible") 
    } 
});

來源

2014-01-07 05:05:52

調整大小不起作用，因爲它似乎必須重新加載頁面才能使data-role =「collapsible」正常工作。 – Laire

更改窗口大小更改時div的屬性

回答

相關問題