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

标签 jquery css jquery-ui

我正在使用 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++;
            });

如何解决这个问题?

最佳答案

我猜您正在让 jQuery 最初在文档准备好时设置表单样式?

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

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

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

关于jquery - 如何在动态生成的元素上应用 jquery ui 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7371755/

相关文章:

javascript - jQuery UI 可删除 'drop' 事件等待恢复

javascript - 检查是否使用 Javascript 加载了 jquery

jquery - 使用 ajax 和 jQuery Form 进行变形

javascript - 在方法 GET 上从没有 "/"的日期选择器发送日期参数

Jquery Post UI 选项卡未与页面 anchor 正确链接

javascript - 无法在 jquery 自动完成中获取文本框的值

javascript - 查找最接近的元素并在元素之前插入

盒子中 CSS 一致的顶部/底部填充

html - 顶部 SVG 上的 Iframe z-index

html - 如何在两个 float 元素之间完美居中 float 元素?