jquery - 添加到动态生成的有序列表行的 CSS 样式

Question

我继承了一个我很难解决的问题。

我们正在根据输入无序列表行的数据动态创建新的有序列表行。用户在 <ul> 中输入一些数据然后我们根据输入的数据填充信息。然后我们remove() <ul> 中的行然后将其添加到 <ol>与 appendTo() .

创建新的 <ol> 后元素，该行获得 style="width: 100%;"真正搞砸的标签 行中 KendoUI 日期选择器的格式。

如果我们保存页面上的数据并刷新/重新加载页面，格式将恢复正常，没有 width标记任何添加的行。

我已通过调用 removeAttr('style') 自行解决了该问题在元素上，但这对我来说感觉“hackish”，我真的很想知道如何找到将样式添加到新添加的行中的内容并修复它。

有什么想法吗？

Answer 1

创建一个 transform.kendo-ui.css 文件或类似文件。

然后您可以根据需要放入该文件(请原谅我对类名称的猜测，自从我上次从事 Kendo 工作以来已经过去了大约 10 个月):

.k-list-container > .k-list-item,
.k-animation-container .k-list-item,
etc. etc. {
   width:auto!important;
}