点击root总页面,进入page页面,page里有tab,点击tab,分别load对应页面, load的页面中都引用了datatable插件。
出现的问题是,点击root进入page页,在引用了datatable插件的tab页面时,列表能显示。若都从带有datatable的tab页之间切换,datatable不显示,对应的脚本也不显示。
在公用脚本下,我写了一个tab页面切换代码
// tab切换
$('body').on("click",".aLoadPath a",function(){
var path = $(this).attr('tabPath');
console.log("1"+path);
var obj=$(this).parent().parent().parent(".tabPanel").find(".tab-content");
$(obj).find(".tab-pane").removeClass("in active");
$(obj).load(path,function(){
$(this).find(".tab-pane").addClass("in active");
});
});
后来改成
// tab切换
$('body').on("click",".aLoadPath a",function(){
var path = $(this).attr('tabPath');
console.log("1"+path);
var obj=$(this).parent().parent().siblings(".tab-content");
$(obj).find(".tab-pane").removeClass("in active");
$(obj).load(path,function(){
$(this).find(".tab-pane").addClass("in active");
});
});
问题解决,就是把‘$(this).parent().parent().parent(".tabPanel").find(".tab-content");“换成"$(this).parent().parent().siblings(".tab-content");"为什么会这样呢,目前还没搞明白