Question

为什么不使用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>

Answer 1

请更改

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

为：

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

如果不起作用，请检查javascript库是否与此HTML位于同一目录中。

Answer 2

你似乎有一个拼写错误

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

你不是说

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

？（underscore.js代替Sunderscore.js）

Answer 3

假设您的下划线声明脚本在您正在测试的项目中是正确的，我会说您的声明错误：

el: 'body',

然后你访问它（假设你使用$ el而不是el。

使用jQuery

骨干 - 为什么不这个渲染到我的HTML页面

3 个答案: