从一个div当窗口大小的变化改变属性(Change attribute from a div whe

我用jQuery移动工作。 在这种情况下，我想数据角色可折叠添加到一个div，当屏幕宽度小于960像素为。

在我的例子也只能当你加载网站。 但我想，当我调整不重新加载页面的浏览器，它也适用。

从> 960像素到<960 PX的变化，例如当您旋转片剂或手工调整的浏览器窗口。

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

编辑

.resize（）不起作用，因为它似乎我必须重新加载页面，使数据角色=“可折叠”的工作。

Answer 1:

使用也调整

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

Answer 2:

您可以绑定大小调整和负载事件如下：

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

在这种情况下没有必要绑定相同的功能永远事件。

Answer 3:

你可以使用这样的：

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

文章来源: Change attribute from a div when window size change