0

バックボーンを介して jQuery モバイル フロント エンドに読み込まれたビュー テンプレートがあります。jQuery スタイルを有効にしましたが、data-theme 属性を無視して値「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>

そして、ここにロードします...

        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');
            }
        },

(動的に読み込まれたコンテンツを JQM に再処理させるには、refresh および create 呼び出しが必要です)。適用されたスウォッチを除いて、すべて問題ありません。

誰でも提案できますか？

アップデート：

適用されたデータ テーマは、リスト アイテムには適用されているようですが、データ フィルターには適用されていないようです。デフォルトは「c」です。

4

0 に答える 0