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/