jquery 使用包含列表元素的模板的剑道下拉菜单为Chrome生成不同的HTML

9wbgstp7  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(83)

我用的是剑道下拉列表控件模板。此模板包含列表元素,并带有如下复选框输入:

<li class="k-item nowrap check-item">
<input type="checkbox" name="#= Name #" value="#= Name #" class="my-check-input" /><span> #= Name #</span>
</li>

字符串
但在Chrome最新更新中,当设置此下拉列表的数据源时,其HTML不会像以前那样正确生成,因为它在Firefox中工作正常。
下面是生成的HTML:


的数据
下面HTML中属性为role =“option”的list元素不能是inside list元素的父元素,但需要添加为兄弟元素。

z0qdvdin

z0qdvdin1#

<li class="k-item nowrap check-item" role="option">
  <input type="checkbox" name="#= Name #" value="#= Name #" class="my-check-input" />
  <span>#= Name #</span>
</li>

字符串
通过直接将role=“option”属性添加到 Package 复选框和文本的li元素中,可以确保role属性也作为复选框输入的兄弟正确放置。
这段代码会很好地工作。
请注意,剑道用户界面可能会收到更新随着时间的推移,所以这是一个好主意,检查他们的官方文档

相关问题