使用骨幹

Question

刪除一個視圖我有一個觀點，像這樣：

(function(views) { 
    views.FilterView = Backbone.View.extend({ 
     tagName: 'div', 
     events: { 
      'click a.remove': 'remove' 
     }, 
     template: _.template($("#filterViewTemplate").html()), 

     render: function() { 
      this.$el.html(this.template()); 
      return this; 
     }, 
     remove: function (e) { 
      this.remove(); 
      this.unbind(); 
     } 
    }); 
})(app.views); 

它的模板是：

<script type="text/html" id="filterViewTemplate"> 
    <select class="filterByOption"> 
     <option value="Account">Account</option> 
     <option value="Owner">Owner</option> 
    </select> 

    <span class="cell sort"> 
     <input class="filterString cell" type="text" /> 
    </span> 
    <a href="#" class="btn small remove">Remove</a> 
</script> 

但是當我點擊Remove我收到以下錯誤：

Uncaught RangeError: Maximum call stack size exceeded

Answer 1

這是因爲在你的remove方法你的電話ing this.remove()其中調用remove()其中調用remove()其中調用remove() ...