仅在小视口上执行jQuery

Question

我的jQuery脚本折叠内容，使标题元素可点击，并显示内容。我想将脚本限制为小于700像素的视口。

这是一个带有jQuery的codepen：

http://codepen.io/paulbremer/pen/AnyDd?editors=001

Answer 1

您可以使用$( window ).width();查找窗口的宽度，然后仅在宽度小于700px时执行。

演示 - http://codepen.io/guyfedwards/pen/aBChg

如果要在窗口调整大小时更新它，可以使用.resize（）。 e.g：

$(window).resize(function(){
    if ($(window).width() <= 700){  
        // do something
    }   
});