0

アンダースコア js とバックボーン js を一緒に使用する際に問題が発生しています。バックボーンを含むプレーンな html だけを表示することはできますが、テンプレートを表示することはできません。

テンプレート：

<script type="text/template" id="edit-user-template">
        <form class="edit-user-form">
            <legend>Create User</legend>
            <label>First Name</label>
            <input type="text" name="firstname" />
            <label>Last Name</label>
            <input type="text" name="lastname" />
            <label>Age</label>
            <input type="text" name="age" />
            <hr />
            <button type="submit" class="btn">Create a User</button>
        </form>
</script>

意見：

var EditUser = Backbone.View.extend({
                el: '.page',
                template: _.template($('#edit-user-template').html),                
                render: function() {    
                this.$el.html(this.template({}));
                return this;
                }
            });

ルート：

var Router = Backbone.Router.extend({
                routes:{
                    '':'home',
                    'new':'editUser'
                }
            });

            var userList = new UserList();
            var editUser = new EditUser();

            var router = new Router();
            router.on('route:home', function(){
                userList.render();
            });
            router.on('route:editUser', function(){
                editUser.render();
            });
            Backbone.history.start();

ブラウザでページを読み込もうとすると、次のエラーが表示されます。

キャッチされていないTypeError: オブジェクト関数 (e){return b.access(this,function(e){var n=this[0]||{},r=0,i=this.length;if(e===t)return 1===n.nodeType?n.innerHTML.replace(gt,""):t;if(!("string"!=typeof e||Tt.test(e)||!b.support.htmlSerialize&&mt.test(e)||!b.support.leadingWhitespace&&yt.test(e)||At[(bt.exec(e)||["",""])[1].toLowerCase()])){e=e.replace(vt,"<$1></$2>");try{for(;i>r;r++)n=this[r]||{},1===n.nodeType&&(b.cleanData(Ot(n,!1)),n.innerHTML=e);n=0}catch(o){}}n&&this.empty().append(e)},null,e,arguments.length)} にメソッド 'replace' がありません underscore-min.js:1

これの原因は何ですか？

4

1 に答える 1

1

jQuery.html()はメソッドなので、これの代わりに:

template: _.template($('#edit-user-template').html)

あなたが必要

template: _.template($('#edit-user-template').html())
于 2013-02-23T15:17:04.940 に答える