Jquery 基于视口宽度在引导导航栏和画布上的Jasny之间反弹

我对jQuery有点陌生，正在使用Bootstrap和Jasny Off Canvas。我想在900px以上所有设备上的引导导航栏和900px以下所有设备的Jasny脱离画布菜单之间切换

为了实现这一点，我使用以下方法：

 <script>   
        $(window).bind("load resize", function() {
            var width = $(window).width();
            if (width <= 900) {
                $('.nav-selector').removeClass('navbar navbar-default');
                $('.menu-items').removeClass('collapse navbar-collapse');
                $('.nav-items-selector').removeClass('nav navbar-nav');
                $('.nav-selector').addClass('navmenu navmenu-default navmenu-fixed-left');
                $('.nav-items-selector').addClass('nav navmenu-nav');
            }
            else {
                $('.nav-selector').removeClass('navmenu navmenu-default navmenu-fixed-left');
                $('.nav-items-selector').removeClass('nav navmenu-nav');
                $('.nav-selector').addClass('navbar navbar-default');
                $('.menu-items').addClass('collapse navbar-collapse');
                $('.nav-items-selector').addClass('nav navbar-nav');
            }
        });         
    </script>

$（窗口）.bind（“加载调整大小”，函数（）{
变量宽度=$（窗口）.width（）；
如果（width可以将整个nav定义为一个字符串，并根据大小将其作为html插入

var width = $(window).width();
var nav1 = '<div>a very long string</div>';
var nav2 = '<div>an equally long string</div>';
if (width <= 900) {
  $('#navContainer').html( $(nav1) );
} else {
  $('#navContainer').html( $(nav1) );
}

var-width=$（窗口）.width（）；
var nav1=‘非常长的字符串’；
var nav2='等长字符串'；
如果（宽度）