javascript - 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>