jquery - 主干js : How to remove extra tag in view?

Question

我有以下模板:

<div class="row">
  <div></div>
  ....
</div>

以及以下 View :

    var TestView = Backbone.View.extend({
    tagName: "div",
    template: $("#tests_template"),
    initialize: function () {
        _.bindAll(this, 'clickbtn');
    },
    events:
    {
        "click .btn": "clickbtn"
    },
    render: function () {
            ....
            {
      });

问题是，它产生以下输出:

<div><div class="row">...</div></div>

如何去掉外部的div？我尝试从 View 中删除 tagName 属性，但它仍然放置一个 div？

Answer 1

更改模板以去掉外部 div:

<div></div>
  ....

然后，告诉 View 创建带有类名的 div:

tagName: "div",
className: "row"

或者如果您想保留当前模板，则告诉 View 要使用哪个el(假设它已经存在于您页面上的某个位置):

var testView = new TestView({el: $(".row")});

编辑您询问是否可以在初始化程序中执行此操作？当然可以，但您需要确保 Hook 事件:

initialize: function () {
    this.el = $(".row");
    this.delegateEvents();
    _.bindAll(this, 'clickbtn');
}

老实说，在我看来，前两个选项更加解耦。