使用附加在骨干视图模板

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