Javascript 为什么jQuery Mobile将所有我的内容主题元素默认为'；c'；忽略数据主题？（带主干）

我有一个视图模板通过主干加载到jQuery移动前端。我已经让jQuery样式生效了，但它似乎忽略了我的数据主题属性，并且不管怎样都使用了值“c”

这是模板

<h2>Version Info</h2>
<div id="info">
<a id="addVersionInfoEntryButton" href="#/versioninfo">Add manual entry</a>
<div id="addVersionInfoEntryArea">
</div>
<ul id="items" data-role="listview" data-filter="true" data-theme="f">
    {{#each items}}
    <li>{{dbVersion}} | {{tag}}</li>
    {{/each}}
</ul>
</div>

（刷新和创建调用是使JQM重新处理动态加载的内容所必需的）。除了应用的样例外，其他都可以

有人能提供一些建议吗

更新：

---

应用的数据主题似乎应用于列表项，但不应用于数据过滤器，默认为“c”

是否加载jqm structure.css？是的-所有css文件都加载良好-这不是css相关的问题，因为应用的css样式用于c而不是f（我已将其设置为f），我知道，您正在使用由Themeroller创建的自定义CSS主题，对吗？所有相关的CSS文件都应该被加载。我确实是，所有的CSS文件都被加载了（它们都被拉到一起并合并）。但这不是CSS问题，因为jQuery Mobile在标记中呈现的类是错误的-如果我手动更改标记，那么一切看起来都很好。您可以为此创建JSFIDLE吗？

        listData: function () {
            this.collection.sort();
            this.$el.html(this.template({ items: this.collection.toJSON() }));
            this.$itemsList = this.$('#items');
            this.$addEntryArea = this.$('#addVersionInfoEntryArea');
            this.$addEntryButton = this.$('#addVersionInfoEntryButton');

            if (this.$itemsList.hasClass('ui-listview')) {
                this.$itemsList.listview('refresh');
            }
            else {
                this.$el.trigger('create');
            }
        },