Javascript jquery AJAX加载未显示

我知道以前有人问过这个问题，但似乎没有一个答案能帮助我。我正在使用一个引导模板来试验引导、jquery、ajax、mqtt等。。我遇到了ajax负载，我想使用它。我正在尝试加载index.html页面，该页面包含：

试验 测试成功了吗

我通过单击下面html代码中的走廊菜单项（带有data target=“index”attribut的代码）进行测试。脚本（html代码的底部）中有一些警报，当我按下菜单项时，这些警报都会起作用。它按预期获取数据目标并执行加载。到目前为止，您可能认为还不错，但是测试行没有出现在页面包装器分区中

• 首先是我正在使用的html模板的js
• 其次是css代码
• 第三个是html代码，底部是我失败的js脚本
  开始工作

$（函数（）{
$（“#侧菜单”）.metisMenu（）；
});
//在窗口加载时加载正确的侧栏，
//折叠窗口调整大小时的侧边栏。
//将#页面包装的最小高度设置为窗口大小
$（函数（）{
$（窗口）.bind（“加载调整大小”，函数（）{
topOffset=50；
宽度=（this.window.innerWidth>0）？this.window.innerWidth:this.screen.width；
如果（宽度<768）{
$（'div.navbar-collapse'）.addClass（'collapse'）；
topOffset=100；//2行菜单
}否则{
$（'div.navbar-collapse'）.removeClass（'collapse'）；
}
高度=（（this.window.innerHeight>0）？this.window.innerHeight:this.screen.height）-1；
高度=高度-地形偏移；
如果（高度<1）高度=1；
如果（高度>地形偏移）{
$（“#页面包装器”）.css（“最小高度”，（高度）+“px”）；
}
});
var url=window.location；
var元素=$（'ul.nav a'）.filter（函数（）{
返回this.href==url | | url.href.indexOf（this.href）==0；
}).addClass（'active'）.parent（）.parent（）.addClass（'in'）.parent（）；
if（元素is（'li'））{
元素addClass（'active'）；
}
});
/*！
*启动引导-SB Admin 2引导引导管理主题(http://startbootstrap.com)
*根据Apache许可证v2.0许可的代码。
*有关详细信息，请参阅http://www.apache.org/licenses/LICENSE-2.0.
*/
身体{
背景色：#F8；
}
#包装纸{
宽度：100%；
}
#页面包装器{
填充：0 15px；
最小高度：568px；
背景色：#fff；
宽度：100%；
}
@介质（最小宽度：768px）{
#页面包装器{
职位：继承；
利润率：0 250像素；
填充：0 30px；
左边框：1px实心#e7e7e7；
}
}
.导航栏顶部链接{
右边距：0；
}
.导航栏顶部链接李{
显示：内联块；
}
.navbar顶部链接李：最后一个孩子{
右边距：15px；
}
.navbar顶部链接li a{
填充：15px；
最小高度：50px；
}
.导航栏顶部链接.下拉菜单li{
显示：块；
}
.navbar顶部链接。下拉菜单li：最后一个孩子{
右边距：0；
}
.导航栏顶部链接.下拉菜单LIA{
填充：3px20px；
最小高度：0；
}
.navbar顶部链接.下拉菜单li a div{
空白：正常；
}
.navbar顶部链接。下拉消息，
.navbar顶部链接。下拉任务，
.导航栏顶部链接.下拉警报{
宽度：310px；
最小宽度：0；
}
.导航栏顶部链接.下拉消息{
左边距：5px；
}
.导航栏顶部链接.下拉任务{
左边距：-59px；
}
.导航栏顶部链接.下拉警报{
左边距：-123px；
}
.navbar顶部链接。下拉用户{
右：0；
左：自动；
}
.侧栏.侧栏-导航.导航栏-折叠{
右边填充：0；
左侧填充：0；
}
.侧边栏.侧边栏搜索{
填充：15px；
}
.侧边栏ul li{
边框底部：1px实心#e7e7e7；
}
.侧边栏ul li a.active{
背景色：#eee；
}
.侧边栏.箭头{
浮动：对；
}
.sidebar.fa.箭头：之前{
内容：“\f104”；
}
.sidebar.active>a>.fa.箭头：之前{
内容：“\f107”；
}
.侧栏.导航二级李，
.侧栏.导航三级李{
边框底部：0！重要；
}
.侧栏.导航二级李a{
左侧填充：37px；
}
.侧栏.导航三级李a{
左侧填充：52px；
}
@介质（最小宽度：768px）{
.侧边栏{
z指数：1；
位置：绝对位置；
宽度：250px；
边缘顶端：51px；
}
.navbar顶部链接。下拉消息，
.navbar顶部链接。下拉任务，
.导航栏顶部链接.下拉警报{
左边距：自动；
}
}
.btn大纲{
颜色：继承；
背景色：透明；
过渡：全部5秒；
}
.btn-primary.btn-outline{
颜色：#428bca；
}
.btn-success.btn-outline{
颜色：#5cb85c；
}
.btn-info.btn-outline{
颜色：#5bc0de；
}
.btn-warning.btn-outline{
颜色：#f0ad4e；
}
.btn-danger.btn-outline{
颜色：#d9534f；
}
.btn primary.btn大纲：悬停，
.btn成功。btn大纲：悬停，
.btn info.btn大纲：悬停，
.btn警告.btn大纲：悬停，
.btn危险。btn轮廓：悬停{
颜色：#fff；
}
.slidedown.glyph图标{
右边距：5px；
}
.登录面板{
利润率最高：25%；
}
.btn圈{
宽度：30px；
高度：30px；
填充：6px0；
边界半径：15px；
文本对齐：居中；
字体大小：12px；
线高：1.428571429；
}
.btn-circle.btn-lg{
宽度：50px；
高度：50px；
填充：10px 16px；
边界半径：25px；
字号：18px；
线高：1.33；
}
.btn-circle.btn-xl{
宽度：70px；
高度：70像素；
填充：10px 16px；
边界半径：35px；
字体大小：24px；
线高：1.33；
}
.show grid[class^=col-]{
填充顶部：10px；
垫底：10px；
边框：1px实心#ddd；
背景色：#eee！重要；
}
.显示网格{
利润率：15px0；
}
.巨大的{
字体大小：40px；
}
.table{}.checkbox{}#sectionframe{
填充顶部：10px；
边界：无；
宽度：100%；
溢出：隐藏；
}

家
切换导航




container.load(target + '.html');
alert("load completed"); //not true

container.load(target + '.html', function (response, status, xhr) {
  alert("load completed"); 
});