jquery - 如何为添加的每个选项卡添加删除按钮

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'));
    });
});
​

所以基本上我在新添加的选项卡上添加了一个删除链接。实时事件处理程序会查找该链接并删除它所在的选项卡。