如何添加刪除按鈕的每個選項卡中添加

Question

您好我需要添加一個刪除按鈕的每個選項卡中添加：

var count = 1; 
    $('#addspan').click(function() { 
       $('#wrap').show(); 
       count = $('#wrap').tabs("length") + 1; 
       $('#wrap').append('contents'); 
       $('#wrap').tabs("add", "#page" + count, count); 

      }); 

上面的代碼添加標籤動態，但我想補充一個刪除按鈕爲每個標籤動態添加。

任何人有想法？

感謝

Answer 1

這是相當棘手，但我能夠建立一個小提琴，使其工作（http://jsfiddle.net/qJNZr/19/）。相應的JavaScript如下：

$(document).ready(function(){ 
    $('#tabs').tabs(); 
    var count = $('#tabs').tabs('length') + 1; 
    $('#add').click(function(e){ 
     e.preventDefault(); 
     $('#tabs').tabs('add', '#page' + count, count); 
     $('#page' + count).append($('<a>remove</a>').addClass('remove').attr('href', '#')); 
     count = count+1; 
    }); 
    $(document).on('click', 'a.remove', function(e, ui){ 
     e.preventDefault(); 
     $('#tabs').tabs('remove', '#' + $(this).parents('div').attr('id')); 
    }); 
}); 
​ 

所以基本上我加入新添加的選項卡的刪除鏈接。實時事件處理程序查找該鏈接並刪除它所在的選項卡。