0

こんにちは、追加したタブごとに削除ボタンを追加する必要があります。

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

            });

上記のコードはタブを動的に追加しますが、動的に追加されたタブごとに削除ボタンを追加したいと思います。

誰にもアイデアがありますか？

ありがとう

4

1 に答える 1

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

基本的に、新しく追加されたタブに削除リンクを追加しています。ライブ イベント ハンドラーがそのリンクを探し、そのリンクが表示されているタブを削除します。

于 2012-07-12T19:39:44.560 に答える