Javascript 按钮Onclick事件和backbone.js视图

我当前有一个包含以下内容的html文件：

<div class="button1">

    <button class="first" id="up" onclick="tranistionUp">
       Go Up
    </button>

    <button class="last" id="down" onclick="tranistionDown">
       Go Down
    </button>
</div>

---

当我点击按钮时，我看到两个函数都出现了未定义的函数错误，我不熟悉主干。任何帮助都会很好。

您应该在

主干中设置事件处理程序。查看

HTML（将
id=“myButtons”
添加到容器
div
）

通过指定
onclick
属性，您的浏览器需要在全局范围内调用名为
transitionUp
和
transitionDown
的函数。方法是在对象中定义的。通常不鼓励使用HTML属性绑定事件处理程序，尤其是在使用主干的情况下（因为您无法轻松地将事件绑定到视图的特定实例）。
应为var BlahView=Backbone.View.extend（{仅限一个单词的前导大写）
var BlahView = BackBone.View.extend({
  initialize:function(){},
  blah...
  blah...
 transitionUp: function(){
    blah...
 },
 tranistionDown: function(){
},
render:function (){
    blah....
}; 
});

<div class="button1" id="myButtons">
  <button class="first" class="button-up">Go Up</button>
  <button class="last" class="button-down">Go Down</button>
</div>

var BlahView = Backbone.View.extend({

  events: {
    "click .button-up": "transitionUp",
    "click .button-down": "tranistionDown",
  },

  transitionUp: function() {
    console.log("Transition up");
  },

  tranistionDown: function() {
    console.log("Transition down")
  }

});

var blahView = new BlahView({ el: $('#myButtons') });