ユーザーがリスト内のアイテムをタップできるようにするモバイルアプリがあります。これにより、「詳細」ページが表示され、そのページに移動します。
ユーザーが [戻る] ボタンをタップしてリスト内の別のアイテムを選択すると、詳細ページが新しいコンテンツで更新されますが、マークアップは kendo-ui-mobile スタイルをすべて失います。
マークアップが更新された後に拡張コンテンツをトリガーする方法はありますか?
これが私のコードです(関連するビット):
index.html
<div id="details" data-role="view" data-title="Details" data-layout="default">
<header data-role="header">
<div data-role="navbar">
<a id="back-button" class="nav-button" data-align="left" data-role="backbutton">Back</a>
<span data-role="view-title"></span>
</div>
</header>
<div id="details_body"></div>
</div>
router.js
$('.listItemLink').live('click', function(e) {
require(['views/companyDetailsView'], function (companyDetailsView) {
var view = new companyDetailsView({
model: companyDetails,
el: $('#details_body')
}).render(function(el) {
app.navigate('#details');
app.hideLoading();
}).el;
});
});
companyDetailsView.js
define([
'backbone',
'underscore',
'models/companyModel',
'text!templates/companyDetails.html'
], function (Backbone, _, companyModel, tmpl) {
'use strict';
return Backbone.View.extend({
tagName: 'li',
template: _.template(tmpl),
render: function (callback) {
this.$el.html(this.template(this.model.toJSON()));
callback(this.$el);
return this;
}
});
});