在jQuery中动态添加“添加标签”按钮

Question

我正在使用jQuery tabs 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

});

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