Question

我目前正在使用jquery选项卡，添加它们并将其删除。这是我的代码：

function addTab(){
                    contador++;
                    var categoria = "AppCategoria04";
                    var idA = "AIdTabs0"+contador;
                    var idLi = "liIdTabs0"+contador;
                    var idP = "#ecApp0"+contador;
                    var titulo = "Friends Discussions";
                    var template = '<li id="'+idLi+'">'+
                                        '<div class="'+categoria+'"></div>'+
                                        '<a id="'+idA+'" href="#{href}">#{label}</a>'+// Aquí va el onclick
                                        '<span class="ui-icon-close2"></span>'+
                                    '</li>';
                    $('#ecContenedorFolders').tabs({
                        load: function(event, ui) {
                            console.log("load");                                
                        },                      
                        tabTemplate: template,
                        panelTemplate: "<p><a>Panel Text here: "+contador+"</a></p>"
                    });                 
                    $("#ecContenedorFolders").tabs("add", idP, titulo);
                    $("#"+idLi).addClass("separacionTabs");
                    $("#"+idA).addClass("tabApp");  
                    /// Para poder cerrar el tab
                    removerApp();
}

我的问题是我的加载功能似乎无法正常工作，在添加新选项卡或在标签之间切换时，我永远无法打印我的控制台。有谁知道为什么会这样？提前谢谢。

Answer 1

只有在标签中使用远程内容时才会触发加载事件。例如，如果使用AJAX fetch填充选项卡内容，则在获取完成后将触发加载。

因此，此事件不适用于上面的代码，因此永远不会触发。因此没有控制台日志。

为什么我在jquery选项卡中的加载不起作用？

1 个答案: