Question

一些非常簡單的問題，對於那些經驗豐富的骨幹， 但仍然，這裏的答案會非常有益。沒有尋找一個功能性的答案，而是更多地關注這個具體例子的真實情況。

用下面的代碼（一些簡單的添加/刪除喜愛）這裏

render: function() { 
    $(this.el).html(this.model.get('name')); 
    $(this.el).append("<span class='unfav'>remove</span>"); 
    $(this.el).append("<span class='fav'>add</span>"); 
    if(this.model.get("selected") == true){ 
     $(this.el).addClass("selected"); 
    } // Should we really need to have an 'else' conditions here that removes the clas :(? sound weird to me. 
    return this; 
} 

的完整代碼http://jsfiddle.net/eHAfY/3/ （感謝@cymen的代碼庫）

添加元素後，

不要理解爲什麼當我點擊'添加'時該項目被改變，而不是當我點擊刪除時：如果有一個條件，當真實時有效果，爲什麼這個班還在這裏嗎？

Answer 1

您的渲染方法將其內部的HTML擦除爲$(this.el).html(...);，這是渲染方法通常期望執行的操作。

使用$(this.el).addClass("selected");只有當model.selected爲true時，纔會修改外部容器，並且您的視圖無法知道當條件爲false時它應該移除此類。