单击按钮创建按钮

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); 
    }