0

我是 jquery mobile 的新手，第一次将它与 Backbonejs 和 requirejs 一起使用。我有两个模板并向它们添加内容。但是内容没有显示在我要显示的 div 标签中。它也没有显示任何错误。我所看到的只是空白区域。下面的代码确实将内容插入到模板中，但不会向用户显示。

这是我的代码 movies.js 文件

define(['backbone', 'views/movie', 'jqm'], function (Backbone, MovieView) {
var Movies = Backbone.View.extend({
    el: '#movies',

    initialize: function () {
        App.Vent.on('init', this.renderAll, this);
    },

    renderAll: function () {
        this.$el.empty();
        this.collection.each(this.render, this);
    },

    render: function (movie) {
        //console.log(this.$el);
        var movieView = new MovieView({ model: movie });
        //console.log(this.$el.append(movieView.render().el));
        this.$el.append(movieView.render().el);
        console.log(this.$el);
        return this;
    }
});

return Movies;
});

这是movie.js文件

define(['backbone', 'text!../../templates/movie.tpl'], function (Backbone, MovieTemplate) {
var Movie = Backbone.View.extend({
    tagName: 'div',
    className: 'ui-block-d',

    render: function () {
        //console.log(this.$el.html(_.template(MovieTemplate, this.model.toJSON())));
        this.$el.html(_.template(MovieTemplate, this.model.toJSON()));
        return this;
    }
});

return Movie;
});

我怎样才能让它工作？请提出任何问题。

4

0 回答 0