0

現在、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();
}

私の問題は、ロード機能が機能していないようで、新しいタブを追加した後、またはタブを切り替えた後、コンソールを印刷できないことです。なぜこれが起こっているのか誰にも分かりますか？前もって感謝します。

4

1 に答える 1

1

load イベントは、タブでリモート コンテンツを使用している場合にのみトリガーされます。たとえば、AJAX フェッチを使用してタブ コンテンツを設定している場合、フェッチが完了した後にロードがトリガーされます。

したがって、このイベントは上記のコードには適用されないため、トリガーされることはありません。したがって、コンソール ログはありません。

于 2012-06-19T14:52:24.320 に答える