Backbone.js 主干，在子视图页面中，单击事件不适用于按钮

主干，在子视图页面中，按钮“.rdp”的单击事件不起作用

首先，我有一个名为main.view.js的视图。 我需要创建一个表，其中的每个“tr”值都将从模型中获得。因此，我想为每个“tr”创建一个子视图，这将帮助我为每个“tr”值绑定模型。因此，我创建了一个“processCollection”函数

现在的问题是点击事件不适用于按钮“.rdp更多”。在“tr subview.view.js”中调用

1.main.view.js
createSubview:函数（模型）{
如果（！this.subView）{
this.subView=[]；
}
变量元素=$（''）；
模型[“associates”]=this.appointmentdetailsModel.get（“associates”）[0]；
var sittingObj={}；
_.每个（型号、座位、功能（座位、索引）{
坐着[“索引”]=坐着；
sittingObj[索引]=座位；
});
型号[“sittingsObj”]=sittingObj；
本.$el.find（“tbody”）.append（元素）；
this.subView.push（新任命详细信息视图({
el：元素，
“模型”：模型
}));
},
processCollection:函数（选项、任命细节模型）{
_.each（此.appointmentdetailsModel.get（“订单”）、函数（数据）{
此.createSubview（数据）；
}，这个）；
},
2.tr-subview.view.js
活动：{
“点击.rdp坐更多”：“坐更多”，
}
morestation:function（）{
警觉（“莫塞特”）
}
添加
您能告诉我可能有什么问题吗？为什么它不绑定click事件

能否创建..？如何渲染子视图？你能显示子视图的全部代码吗？为什么要在createSubview函数中创建元素？

1.main.view.js

            createSubview: function (model) {
                if (!this.subView) {
                    this.subView = [];
                }
                var element = $('<tr role="row" class="odd"></tr>');
                model["associates"] = this.appointmentdetailsModel.get("associates")[0];
                var sittingObj = {};
                _.each(model.sittings, function (sitting, index) {
                    sitting["index"] = sitting;
                    sittingObj[index] = sitting;
                });
                model["sittingsObj"] = sittingObj;
                this.$el.find("tbody").append(element);
                this.subView.push(new appointmentdetailsView({
                    el: element,
                    "model": model
                }));
            },

       processCollection: function (options, appointmentdetailsModel) {
                _.each(this.appointmentdetailsModel.get("orders"), function (Data) {
                    this.createSubview(Data);
                }, this);
            },

2.tr-subview.view.js

  events:{
        "click .rdp-sitting-more": "moreSitting",
}

moreSitting: function(){
  alert("moresitting")
}

<tr class="sitting" colspan="2">
   <td><button class="btn btn-xs btn-info rdp-sitting-more" data-value="" style="margin:10px 0">
        <i class="ace-icon glyphicon glyphicon-plus"></i>
        Add
    </button></td>
</tr>

Could you please tell me what might be the issue?Why it's not binding the click event