从ajax加载的页面执行jQuery

Question

我尝试使用jQuery UI Tabs with Ajax并从其他网页加载内容。

我尝试加载的页面包含其他jQuery函数，问题是只执行第一个选项卡的jQuery。 只有在激活选项卡时，如何在其他选项卡中激活代码？

任何想法都会受到赞赏。

Answer 1

我认为您需要使用jQuery UI标签的“激活”事件。有关文档：http://api.jqueryui.com/tabs/#event-activate

$(function() {
    $( "#categoryTabs" ).tabs({
        activate: function(event, ui) {
            var current_tab = ui.newTab;

            // make sure you have added "data-tab-value" to tab html eg <div class="tab" data-tab-value="0" ..
            var tab_value = $(current_tab).attr('data-tab-value');

            switch (tab_value) {
                case 0:
                    // first tab actions go here
                    break;
                case 1:
                    // second tab actions go here
                    break;
                case 2:
                    // third tab actions go here
                    break;
            }
        },
    }).addClass( "ui-tabs-vertical ui-helper-clearfix" );
    $( "#categoryTabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
});