jQuery UI標籤動態添加標籤和內容不工作

Question

我無法讓jQuery UI標籤在動態添加標籤和內容時工作。

<div id="wrap"> 
    <ul></ul> 
</div> 

jQuery的

var count = 1; 
$('#addspan').click(function() { 
    $('#wrap').append('<span id="page' + count + '">testing</span>'); 
    $('#wrap').find('ul').append('<li><a href="#page' + count + '">' + count + '</a></li>'); 
    count++; 
    $('#wrap').tabs(); 
}); 

檢查http://jsfiddle.net/qKBUu/1/

你可以看到，新創建的內容沒有出現在它的尊重標籤。所有內容一次顯示，標籤不起作用。

Answer 1

試試這個：

$(function(){ 
     var count = 1; 

     $('#addspan').click(function() { 
      $('#wrap').append('<span id="page' + count + '">testing</span>'); 
      $('#wrap').find('ul').append('<li><a href="#page' + count + '">' + count + '</a></li>'); 
      count++; 
      var selIndex = $("#wrap").tabs("option", "selected"); 
      $('#wrap').tabs("destroy").tabs({selected: selIndex}); 
     }); 
    }); 

替代：

嘗試$（）選項卡（ 「添加」，選擇...）

如：

$(function(){ 
      var count = 1; 
      $('#wrap').tabs(); 
      $('#addspan').click(function() { 
       $('#wrap').append('<span id="page' + count + '">testing</span>'); 
       //$('#wrap').find('ul').append('<li><a href="#page' + count + '">' + count + '</a></li>'); 
       $('#wrap').tabs("add","#page" + count, count); 
       count++; 
      }); 
     }); 

例@：http://jsfiddle.net/Chandu/qKBUu/3/