jquerytab에서로드가 작동하지 않는 이유는 무엇입니까?

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를 사용하여 탭 내용을 채우는 경우 가져 오기가 완료되면로드가 트리거됩니다.

따라서이 이벤트는 위의 코드에 적용되지 않으므로 트리거되지 않습니다. 따라서 콘솔 로그가 없습니다.