从ajax加载页面执行jQuery

Question

我正在尝试使用使用Ajax的jQuery UI Tabs并从其他页面加载内容。

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

任何想法都将不胜感激。

Answer 1

我认为您需要使用jQuery UI Tabs的“激活”事件。文档：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" );
});