仅在移动设备上的页脚处包含jQuery脚本并调整大小

我正在尝试合并一个-使菜单变成左边和底部的一个酒吧。我想使用与桌面屏幕上通常的顶部栏相同的菜单，只是更改演示附带的id和类的样式。我想知道什么是最好的Javascript解决方案，在最大宽度768上包含插件脚本，然后在任何更大的地方删除它们。我想它自我检查和更新浏览器的大小也。这是我到目前为止所拥有的

 <script>
  (function() {
if( window.innerWidth > 600 ) {
   $.getSscript("assets/js/modernizr.custom.js");
   $.getSscript("assets/js/classie.js");
   $.getSscript("assets/js/borderMenu.js");
}
 })();
 </script>

（功能（）{
如果（window.innerWidth>600）{
$.getSscript（“assets/js/modernizer.custom.js”）；
$.getSscript（“assets/js/classie.js”）；
$.getSscript（“assets/js/borderMenu.js”）；
}
})();

所以我做了一些研究，我想我找到了另一个答案。它不链接脚本，但您可以在移动屏幕上调用的功能中复制和粘贴脚本

下面是我在页脚底部合并的代码。我链接了这段代码上面所有必要的脚本，因此它可以加载到所有屏幕大小（该插件附带了一个定制的modernizer.js，并使用classie.js）

到目前为止效果很好。如果您注意到上述代码中有任何可以更改的内容，请告诉我

---

感谢他的精彩教程和示例代码。

我遇到的另一个问题是，当我调整屏幕大小时，jQuery有时不会执行。如果你知道一个解决方案，请分享

    /////////////////////////////////
    // MATCH MEDIA FOR MOBILE MENU //
    /////////////////////////////////  

   /* JavaScript Media Queries */
if (matchMedia) {
    //*change this to whatever size screens you'd like, I wanted mine to only work on 768 or below
    var mq = window.matchMedia("(min-width: 768px)");
    mq.addListener(WidthChange);
    WidthChange(mq);
}

// media query change
function WidthChange(mq) {

   //* Put jQuery plugin's code here


}