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

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

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

1 个答案: