只在一个小视口上执行jQuery

Question

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

下面是jQuery的代码库：

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

Answer 1

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

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

如果希望在调整窗口大小时更新该窗口，则可以使用.resize()。例如：

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