Backbone.js事件不起作用

Question

当我单击继续按钮时，一些文本框应显示在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>');


},

Answer 1

请尝试以下方法：

HTML：

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

Javascript：

 events:{
          'click #clickMe': '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>');


},

在您的代码中，您已经编写了

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

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

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