2012-06-19 4 views
0

В настоящее время я работаю с вкладками jquery, добавляя их и удаляя их. Вот мой код:Почему моя загрузка в jquerytabs не работает?

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

Моя проблема заключается в том, что моя функция нагрузки, кажется, это не распространяется на рабочие и я никогда не могу получить, чтобы напечатать мою консоль после того, как я добавить новую вкладку или при переключении между вкладками. Кто-нибудь знает, почему это происходит? Заранее спасибо.

ответ

1

Событие загрузки запускается только в том случае, если вы используете удаленный контент на своих вкладках. Например, если вы заполняете содержимое своей вкладки с помощью выборки AJAX, тогда загрузка запускается после завершения выборки.

Таким образом, это событие не относится к вашему коду выше и, следовательно, никогда не срабатывает. Таким образом, нет консольного журнала.

+0

Так что если я хочу загрузить, скажем, google внутри моей вкладки, кому я должен изменить свой код, чтобы загрузить Google или любой удаленный URL-адрес внутри моей вкладки? – linker85

+0

Пожалуйста, проверьте документацию JQuery UI Tabs. Вы ищете ajaxOptions - здесь подробно объясняется. – ganeshk

+0

Кроме того, вам необходимо принять ответы на свои вопросы, или никто здесь не поможет вам! – ganeshk

Смежные вопросы