jquery - 在 jQuery 中动态添加“添加选项卡”按钮

Question

我正在使用jQuery 选项卡 API，我需要将添加按钮列表添加到选项卡的内容中。这样做的正确方法是什么？当我尝试以下操作时，单击按钮时没有任何反应：

  $( function() {

            $.createElement = function(name)
            {
                return $('<'+name+' />');
            };

        function addTab(objId){

            // .... do stuff

          for(i = 0; i < objIds.length; i++)

            var b = $.createElement('button');
            b.attr('title', 'adds a ' + label + ' tab');
            b.attr('id', 'add_tab_'+createId());

            // AddTab button: just opens the dialog
            b.button().on( "click", function() {
                addTab(objId[i]);
            });

            b.text(label);
            buttonPanel.append(b);
            tabs.append(buttonPanel);

          } // for each objId

         } // addTab

});

标签： jquerytabs

Answer 1

尝试这个：

$(document).ready(function() {
            var i = 0;
            function addTab(id) {
                $('#tab').append("<button title='add as a label_"+id+"' id='add_tab_"+id+"'>"+id+"</button>")
            }
            $('#btn_add').on( "click", function() {
                i++;
                addTab(i);
            });
        });