Question

我的html中有一个列表，以及在其上添加列表项的视图。现在如果我点击列表标题，应该有一个弹出窗口，它应该在其上显示相同的列表项。我已经为列表项显示创建了一个视图，在同一个视图中我创建了一个click事件，并使用不同的el渲染相同的视图以便弹出。一切正常，我可以看到弹出窗口中的列表项标题，但列表项，我动态添加它。这些列表项将附加到旧列表项，而不是新弹出窗口中。有人可以帮我弄这个吗。

HTML：

<div class="container" >
    <ul id="Listid" data-role="collapsible-set" ></ul>
</div>

查看：

var view = Backbone.View.extend({

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

    render: function(){ 
        $(this.el).html($(Template).html());
    }

    event: {
        'click #header':  'popup'
    }

    listing: function(){
        $("#Listid").append("<li id='listid1'> </li>");
    }

    popup: function(){
        this.view2 = new view ({el: popupel});
    }
});

Answer 1

以下代码将解决您的问题，

listing: function(){
   this.find('#Listid').append("<li id='listid1'></li>")
}

两个视图与一个HTML

1 个答案: