0

私はjqueryモバイルを初めて使用し、Backbonejsとrequirejsで初めて使用しています。2 つのテンプレートがあり、それらにコンテンツを追加しています。しかし、表示したい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