我是Backbone.js的新手,我通过各种示例了解了这一点。现在我有点卡在我一直在做的事情上。Backbone.js新手,如何从html按钮和链接调用函数
小提琴链接:http://jsfiddle.net/eSvA8/
正如你可以看到我有一个HTML按钮和一个链接,我想用addBtn
按钮和链接addLink
调用addItem
功能。
请有人可以帮助我。以下是我正在使用的代码。
我的JavaScript Backbone.js的使用
var ListView = Backbone.View.extend({
el: $('#testContainer'),
events: {
'click button#add': 'addItem',
'click button#addBtn': 'addItem',
'click #addLink': 'addItem'
},
initialize: function(){
_.bindAll(this, 'render', 'addItem');
this.counter = 0;
this.render();
},
render: function(){
$(this.el).append("<button id='add'>Add list item</button>");
$(this.el).append("<ul></ul>");
},
addItem: function(){
this.counter++;
console.log('inside');
$('ul', this.el).append("<li>hello world"+this.counter+"</li>");
}
});
var listView = new ListView();
我的HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="testContainer" style="background-color: gray; min-height:200px; min-width:200px; color: white;"></div>
<button id="addBtn">Add using a button control !</button>
<br/>
<a id="addLink" style="cursor:pointer">Add using a simple link</a>
</body>
</html>
谢谢你!我的印象是我可以在div外链接,只是在工作时得到了这个清除,现在这对我来说很有意义......谢谢@keyur – Yasser 2012-08-10 07:16:16