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'
       },