关于datatable初始化不执行问题

点击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");"为什么会这样呢,目前还没搞明白

猜你喜欢

转载自blog.csdn.net/qq_39704803/article/details/81947345
今日推荐