第一页加载后jQuery.ajax（）函数不起作用

Question

我正在尝试加载名为mobile-Menu.html的文件进行移动浏览，但仅限浏览器窗口在一定宽度下。菜单第一次正确加载，但是当您单击菜单项时，菜单不会包含在后续页面中，即使每个页面上都包含该脚本。我应该提到Jquery.Mobile正在加载，我是Jquery.Mobile的新手。相关代码如下，问题在ready事件后开始。

<script language="javascript" type="text/javascript">

var width = window.innerWidth; 
function loadjscssfile(filename, filetype){
'use strict';
var fileref;
if (filetype=="js"){ //if filename is a external JavaScript file
fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", filename);
}
else if (filetype=="css"){ //if filename is an external CSS file
fileref=document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", filename);
}

if (fileref!="undefined") {
document.getElementsByTagName("head")[0].appendChild(fileref);}
}

if (width < 500) { //Mobile

$(document).ready(function(){ 

$.ajax({
        url: "/mobile-Menu.html",
        success: function(data) { $('div#getMobileMenu').html(data); },
        error: function() { }
    })

});
loadjscssfile("/mobil-script.js", "js");
}
else { //Desktop
loadjscssfile("/desktop=script.js", "js");
} 

</script>