2012-12-08 105 views
0

我试图与骨干网来捕捉事件我有一个HTML这样骨干事件不会触发

<!DOCTYPE html> 
<html> 
<head id="head"> 
    <title>Con RequireJS</title> 
    <script data-main="Scripts/main" src="Scripts/require.js"></script> 
</head> 
<body> 
    <div class="container"> 
      <button class="btnAuthenticate">Login with FourSquare</button> 
    </div> 

</body> 
</html> 

我试图捕捉到该按钮的点击去活动与

events : { 
'click .btnAuthenticate' : 'doAction' 
} 

但是,当我创建

view = new thatView({model:aModel, tagName: 'div', className: 'container' }) ; 

视图中的EL似乎是正确的控制台

console.log(view.el) 

获取的我

<div class="container><div> 

但该事件不工作! 相反,如果我叫

view = new thatView({el:'body'}); 

它做什么它的猜想,但我不能追加到EL我要! 任何方法?

回答

0

如果您定义tagName: 'div', className: 'container'骨干将创建一个新的div.container元素。如果您想引用已有的DOM节点,则应该使用el。我想这应该适合你:

view = new thatView({model:aModel, el: $('.container')}); 

只要确保您创建一个视图后,加载DOM。

更多信息http://backbonejs.org/#View-constructor

+0

是的作品像一个魅力! – Paranoid42