0

backbone.js を使用して、これが HTML ページにレンダリングされないのはなぜですか

ここに私のスクリプトがあります

<script type="text/javascript"  src="/jquery-1.7.2.min.js"></script>
<script type="text/javascript"  src="/json2.js"></script>
<script type="text/javascript"  src="/underscore.js"></script>
<script type="text/javascript"  src="/backbone.min.js"></script>

<script>
    (function ($) {

        var ListView = Backbone.View.extend({
            el: $('body'), // el attaches to existing element
            events: {
                'click button#add': 'addItem'
            },
            initialize: function () {
                _.bindAll(this, 'render', 'addItem'); // every function that uses 'this' as the current object should be in here

                this.counter = 0; // total number of items added thus far
                this.render();
            },
            render: function () {
                $(this.el).append("<button id='add'>Add list item</button>");
                $(this.el).append("<ul></ul>");
            },
            addItem: function () {
                this.counter++;
                $('ul', this.el).append("<li>hello world" + this.counter + "</li>");
            }
        });

        var listView = new ListView();

    })(jQuery);
</script>
4

3 に答える 3

1

変更してください

<script type="text/javascript"  src="/Sunderscore.js"></script>

に：

<script type="text/javascript"  src="/underscore.js"></script>

それでも問題が解決しない場合は、JavaScriptライブラリがこのHTMLと同じディレクトリにあるかどうかを確認してください。

于 2013-02-21T08:48:32.477 に答える
0

あなたはタイプミスがあるようです

<script type="text/javascript"  src="/Sunderscore.js"></script>

ってことじゃなかった？

<script type="text/javascript"  src="/underscore.js"></script>

? (Sunderscore.js の代わりに underscore.js)

于 2013-02-21T08:53:07.663 に答える
0

アンダースコア宣言スクリプトがテストしているプロジェクトで正しいと仮定すると、el 宣言が間違っていると言えます。

el: 'body',

次に、それにアクセスします（elではなく$elを使用してjQueryを使用すると仮定します。

于 2013-02-21T08:53:25.863 に答える