Layui Tab控件点击切换事件处理与常见问题解决

非IE浏览器
 
//切换tab 调用不同的方法
layui.use('element', function(){
    var $ = jQuery = layui.jquery;
    var element = layui.element;
 
    $('.layui-tab-title').on('click', function(title) {
 
        if(title.toElement.textContent=="A标题"){
            initQueTSP();
        }else if(title.toElement.textContent=="B标题"){
            initQueSP();
        }else if(title.toElement.textContent=="C标题"){
            initQueP();
        }
    });
});
IE浏览器
 
//切换tab 调用不同的方法
layui.use('element', function(){
    var $ = jQuery = layui.jquery;
    var element = layui.element;
    element.on('tab(queSearch)', function(data){
        if(data.index==0){
            initQueP();
        }else if(data.index==1){
            initQueTSP();
        }else if(data.index==2){
            initQueSP();
        }
    });
 
});

<script>
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
    var element = layui.element;
    
    element.on('tab(table_box)', function (data) {
        console.log(data);
            if(data.index == 0 || data.index == 1 || data.index == 2){
            //这里的index表示有多少个选项卡
            $(document).resize()
            }
        });
    });
</script>

<div class="layui-tab layui-tab-card" lay-filter="table_box">