單擊按鈕創建按鈕

Question

我有一個按鈕，當我按下按鈕時需要創建更多按鈕。

這是我爲按鈕寫着：

<div class="response-container" id="response-container"> 
    <a href="#" class="button add-button" id="add-button">Add button</a> 
</div> 

我努力學習Backbone.js的，所以我寫了一個視圖中單擊添加按鈕時，創建更多的按鈕。

createButton = Backbone.View.extend({ 
    events: { 
     'click .add-button': 'add_script' 
    }, 
    add_script: function() { 
     console.log('Pressed'); 
     //create a new button from here? 
    } 
}); 

任何人都可以幫助我做到這一點嗎？ console.log('Pressed')甚至不起作用。我正在嘗試學習Web開發，有沒有任何文件可以建議我？我歡迎所有的建議在Backbone.js

Answer 1

您必須創建視圖的對象。 像這樣

var createButton = Backbone.View.extend({ 
    el: '#response-container', 
    events: { 
     'click .add-button': 'add_script' 
    }, 

    initialize: function() { 
     console.log("initialized"); 
    }, 
    add_script: function() { 
     console.log('Pressed'); 
     //create a new button from here? 

    this.$el.append('<input type="button" value="new button"/>'); 


    } 
}); 

var cb = new createButton();

這裏是DEMO

Answer 2

你如何努力實現這是不是最佳實踐（因爲這應該通過模板完成），但你可以這樣做： 拳頭，你必須在你的定義EL元素的例子case el：'＃response-container'

events: { 
     'click #add-button': 'add_script' 
    }, 
    add_script: function() { 
     console.log('Pressed'); 
     //if you have el 
     this.$el.append('<input type="button" value="new button"/>'); 
     //or as jquyer add element 
     var r= $('<input type="button" value="new button"/>'); 
      $("body").append(r); 
    }