jquery - 如何在动态生成的元素上应用 jquery ui 样式

Question

我正在使用 jquery 生成文本字段。我正在使用 jquery ui 来设置表单的样式。我的问题是动态生成的元素没有得到 jquery ui 的 css:

var index = 0;
    $('#btn_generate').live('click', function(){
                var tr = $("<tr>").appendTo('#tbl_body');
                var td =  $("<td>").appendTo(tr);
                var txt = $("<label>").attr({'for' : index}).appendTo(td).html('content' + index + ':').css({'color' : 'white'});
                $("<input>").attr({'type' : 'text', 'name' : 'field[]', 'id' : index}).appendTo(td);
                index++;
            });

我该如何解决这个问题？

Answer 1

我猜您是让 jQuery 在文档就绪时开始设置表单样式？

如果是这样，你有两个选择......

1. 每次生成额外的表单元素时重新运行初始 jQuery
2. 手动将所需的 jQuery ui 类添加到每个新对象。 (.addClass 在我看来应该是最好的)

如果我找错树了，请告诉我 :)