Javascript Backbone.js事件不工作

当我单击“继续”按钮时，一些文本框应该显示在一个div中，但它没有发生。这是我的密码

html文件：

    <button class="btn btn-success pull-right" id="3continue"
                                        type="button">

我的javascript文件：

    events:{
          'click button#3continue': 'displayCoupon'
           },
    initialize: function(){
            var self=this;
           _.bindAll(this,'render','addProductDetails','displayCoupon'); 

            this.collection = new List();
            this.addProductDetails();
        },

   displayCoupon: function(){
      //e.preventDefault();
      console.log("in displayCoupon");
      $('#couponcheck').empty();
      $('#couponcheck').append('<div class="col-xs-8"><input  type="text" class="form-control" id="enterCoupon"></div>');
      $('#couponcheck').append('<div class="col-xs-8"><button type="button" class="btn btn-success btn-sm" id="couponbutton">Apply</button></div>');


},

请试试这个：

Html:

 <button class="btn btn-success pull-right" id="clickMe"
                                            type="button">

尝试用下面给出的代码替换上述代码：

 events:{
      'click #3continue': 'displayCoupon'
       },

---

我试过这个，但不起作用。其他点击事件也在起作用。只是一个提示：您不需要将“DisplayCouncil”与bindAll绑定，因为您没有在该函数中使用它。即使在您使用它的情况下，您也不需要绑定它，因为使用事件散列时，此范围不会更改。这是否在视图的el中？也许不是。@muistoshort不，它不是内部视图的精英，否则它将无法工作。主干事件是通过视图el上的事件委派来处理的。@muistooshort谢谢，它可以工作。但是，在el部分中已经有一些其他id，是否可以添加更多？

events:{
       'click button#3continue': 'displayCoupon'
      },

 events:{
      'click #3continue': 'displayCoupon'
       },