如何根据视口大小停用jquery

Question

我有一个导航菜单，可以使用.animate（）滑到网页上。它看起来很棒，直到浏览器大小低于1000px。如果视口小于1000px，有没有办法告诉jquery不使用我创建的函数，所以我可以让css接管？

Answer 1

我认为你不能在CSS中停用jQuery，但在你制作动画之前你可以这样做：

if($(window).width() > 1000) {
    //animate
}

Answer 2

我不知道是否有一个很好的小解决方案，但你可以检查窗口宽度是否大于1000px而不是加载脚本。

if($(window).width() > 1000) {
    $.getScript // http://api.jquery.com/jQuery.getScript/
}