多くのタブを追加すると、プラグインがクラッシュします。アプリのパネル内のテーブルを強化するために、いくつかのプラグインを使用しています。理由はわかりませんが、2 ページ目に 3 番目のタブを追加すると、プラグインは最後に追加されたタブをアクティブにせず、テーブル プラグインがクラッシュします。
これは私のコードの一部です:
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');