在骨干视图模板中使用附加

Question

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

但是没有用。 检入devtools，未发现任何错误。 如何在Backbone中使用append ？ 另外，如果-否则我怎么用？

Answer 1

您需要使用this.$el.find('selector') ，也可以使用this.$('selector') ，因为它基本上是this.$el.find别名，因此可以节省一些击键操作this.$el.find

我在此写了一个例子plunker

if-else是基本的JavaScript https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/if...else

Answer 2

您的代码没有任何错误，现在，您需要确保在“ 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();