0

我有一个移动应用程序，允许用户点击列表中的项目，然后将填充“详细信息”页面，并导航到该页面。

当用户点击后退按钮并选择列表中的另一个项目时，详细信息页面会更新为新内容，但标记会丢失所有 kendo-ui-mobile 样式。

有没有办法在标记更新后触发增强内容？

这是我的代码（相关位）：

索引.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>

路由器.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;
        }
    });
});
4

0 回答 0