Jquery UI 1.9 tabs + Jquery - UI -tabs-分页不能正常工作

Question

在添加了许多标签后，插件崩溃了。我正在使用一些插件来增强我的应用程序面板内的表。我不知道为什么，但当我在第二页添加第三个选项卡时，插件不激活最后添加的选项卡，这使得表插件崩溃。

这是我的一些代码:

int port = 18000;
DatagramSocket serverSocket = new DatagramSocket(port);
byte[] receiveData = new byte[8];
System.out.println("Server Listing on Port: "+port);
String x;
while (true)
{
    DatagramPacket receivePacket = new DatagramPacket(receiveData, receiveData.length);
    serverSocket.receive(receivePacket);
function addSearchResult(title, content) {
    id = "tabs-" + tabId.toUpperCase(),
    li="<li><a href='#"+id+"'>"+title.toUpperCase()+"</a><span class='ui-icon ui-icon-close'></span></li>";
    tabs.find( ".ui-tabs-nav" ).append( li );
    tabs.append( "<div id='" + id + "'>" + content + "</div>" );
    tabs.tabs( "refresh" );
    $('#modal').trigger('close');
    tabs.tabs('option','active', $('#'+id).index()-1);
    indexTab++;
    $(".activo").find('.tablaQuotes, .tablaCuatro, .tablaCinco, .tablaSeis').dataTable({
        "aaSorting": [[1,'desc']]
    });
    $(".activo").find('.other').find('.tabui').dataTable({
        "aaSorting": [[2,'desc']],
        "iDisplayLength": 5
    });
    $(".activo").find('.gal').carouFredSel({
        circular:false,
        infinite:false
    });
    $(".activo").find(".grupo").colorbox({
        rel:'pt-'+tabId, transition:"none", width:"75%", height:"75%",
        onComplete:function(){
            $('#cboxLoadedContent').zoom();
        }
    });
}

这是制表符的代码:

var tabs = $( "#tabs" ).tabs({
    beforeActivate: function( event, ui ){
    },
    create: function( event, ui ){
    },
    activate: function( event, ui ){
        $('div').removeClass('activo');
        ui.newPanel.addClass('activo');
    }
});

$( "#tabs" ).tabs('paging');

Answer 1

检查您正在使用的插件的渲染HTML输出和Javascript，因为我发现旧的"globalPanel"功能在jQuery 1.9中不再工作。所有标签的内容必须是标签元素的后代。

Answer 2

我已经修好了。我只是加上$(" #标签").tabs("pagingDestroy");和$(" #标签").tabs("分页");

在每次添加新选项卡时销毁并初始化插件。我首先这样做，但我是在一个错误的地方(内部beforeActivate())，这就是为什么从来没有工作过。我只是移动到addSearchResult();