Javascript backbone.js视图事件处理_Javascript_Namespaces_Backbone.js

Javascript backbone.js视图事件处理

javascript backbone.js

Javascript backbone.js视图事件处理,javascript,namespaces,backbone.js,Javascript,Namespaces,Backbone.js,我刚开始玩backbone.js，我很享受使用它的乐趣。然而，我试图使用它来处理我正在处理的站点视图中的事件。我还使用名称空间来组织我的代码 var App = App || {}; App.Views = App.Views || {}; App.Views.Sidebar = Backbone.View.extend({ el: '#app-wrapper', events : {

我刚开始玩backbone.js，我很享受使用它的乐趣。然而，我试图使用它来处理我正在处理的站点视图中的事件。我还使用名称空间来组织我的代码

    var App = App || {};
    App.Views = App.Views || {};
    App.Views.Sidebar = Backbone.View.extend({
                el:  '#app-wrapper',

                events : {
                    "click #rf":"test"
    ;           },

                test: function(e) {
                    alert("testing");
                }
            })
        }
  });

这是html，它只是网站的一个骨架

<html>
<head>
    <title>Shopping List</title>
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="underscore.js"></script>
    <script type="text/javascript" src="backbone.js"></script>
    <script type="text/javascript" src="app.js"></script>
    <script type="text/javascript">
    App.Views.Sidebar;
    </script>
</head>

<body>

<div id="app-wrapper">

    <div id="app-header">
        <ul>
            <li id="rf">Test</li>
        </ul>
    </div>

</div>

</body>
</html>


购物清单
App.Views.Sidebar；

测试

但是这个代码段似乎不起作用，单击#rf元素时不会调用test（）方法。

我做错了什么，对此我很陌生。

您还没有实例化您的视图。试着这样做：

var myView = new App.Views.Sidebar();

（而不是：

App.Views.Sidebar；

）

此外，在加载文档后，不要忘记实例化视图。类似这样的内容（如果使用JQuery）：

您尚未实例化视图。试着这样做：

var myView = new App.Views.Sidebar();

（而不是：

App.Views.Sidebar；

）

此外，在加载文档后，不要忘记实例化视图。类似这样的内容（如果使用JQuery）：

需要更多的上下文，如何呈现视图，html是什么样子的。需要更多的上下文，如何呈现视图，html是什么样子的。