使用附加在骨幹視圖模板

Question

$el.find(".detail").append("<div class='noImageDetail'>teest</div>"); 

但不工作。檢查devtools，沒有發現任何錯誤。我如何在Backbone中使用append？另外，如何使用if - else？

Answer 1

您的代碼沒有任何錯誤，因此您現在需要確保在「el」中使用「detail」類存在某些內容，例如

HTML

<div id="book"> 
    <div class="detail">Book:</div>  
</div> 

JS

var BookView = Backbone.View.extend({ 
    el: '#book', 

    initialize: function() { 
     this.render(); 
    }, 

    render: function() { 
     this.$el.find(".detail").append("<div class='noImageDetail'>teest</div>"); 
    } 
}); 


var bookView = new BookView(); 

Answer 2

您需要使用this.$el.find('selector')你也可以使用this.$('selector')，因爲它基本上和別名this.$el.find

我在這個plunker

的寫了一個例子，這將節省一些按鍵，如果 - 別人是基本的JavaScript https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/if...else