如何应用jquery ui造型对动态生成的元素 [英] How to apply jquery ui styling on dynamically generated elements

问题描述

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

I'm generating text fields using jquery. And I'm using jquery ui to style the form. My problem is that the dynamically generated elements, doesn't get the css of jquery ui:

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

如何解决这个问题？

推荐答案

我猜你正在得到jQuery来初始化文档样式的样式？

I'm guessing you're getting jQuery to style the form initially on document ready?

如果是，您有两个选项...

If so, you have two options...

1. 每次生成时重新运行您的初始jQuery


2. 向每个新对象手动添加所需的jQuery ui类。 （.addClass应该最适合IMO）

如果我错了树，请让我知道：）

If I'm barking up the wrong tree let me know :)

这篇关于如何应用jquery ui造型对动态生成的元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！