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 - 处理条形图中的点击事件

php - https、Jquery、PHP、Curl 和 document.cookie

html - 菜单中的图像位置幻灯片

jquery - 使用 bootstrap-datepicker 显示日期之后的星期几

jquery - 为什么 JQuery UI 自动完成样式减号 (-) 在选项中不正确

jquery - 滚动条无法滚动到容器的末尾

javascript - 如何使用 javascript 更改引导卡 header 值?

python - Django 模板图像无法加载(重新发布)

css - 盒子 Bootstrap 中的网格

javascript - jQuery 和 ASP.NET 文本框