jquery - 如果我使用模板，Kendo ui 图标不显示

Question

我是 Kendo UI 的新手，正在尝试使用 kendo mobile 构建小型应用程序。我有列表并想为每个项目放置图标，但如果此列表在模板中，则图标不显示

 <div data-role="view" data-title="" id="side-root">
   <ul data-role="listview" data-style="inset" data-source="splitViewCategories" data-template="categoriesTemplate">
   </ul>
 </div>
 <script id="categoriesTemplate" type="text/x-kendo-template">
   <a data-icon="about" href="">Category</a>
 </script>

如果我使用这样的就绪列表

<ul data-role="listview" data-style="inset">
 <li data-icon="about"><a>about</a></li>
 <li data-icon="action"><a>action</a></li>
 <li data-icon="add"><a>add</a></li>                    
</ul>

我可以看到图标

Answer 1

而不是data-icon您应该添加一个带有您要添加的图标的span元素。class例如：

<script id="categoriesTemplate" type="text/x-kendo-template">
    <a href="\\#"><span class="km-icon km-about"></span>Category</a>
</script>