Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮即可创建按钮_Javascript_Backbone.js - Fatal编程技术网

Javascript 单击按钮即可创建按钮

Javascript 单击按钮即可创建按钮,javascript,backbone.js,Javascript,Backbone.js,我有一个按钮,我需要创建更多的按钮,当我按下按钮 以下是我为按钮编写的内容: <div class="response-container" id="response-container"> <a href="#" class="button add-button" id="add-button">Add button</a> </div> 有人能帮我做吗console.log('Pressed')甚至不起作用。我正在努力学习网络开发,所

我有一个按钮,我需要创建更多的按钮,当我按下按钮

以下是我为按钮编写的内容:

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

有人能帮我做吗
console.log('Pressed')
甚至不起作用。我正在努力学习网络开发,所以,有没有任何文件,你可以建议我?欢迎您在Backbone.js中提出所有建议,您尝试如何实现这一点并不是最佳做法(因为这应该通过模板实现),但您可以这样做: 首先,必须在案例el中定义el元素示例:“#响应容器”

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);
     }
事件:{
'单击#添加按钮':'添加脚本'
},
添加脚本:函数(){
console.log('Pressed');
//如果你有艾尔
本.$el.附加(“”);
//或者作为jquyer添加元素
var r=$('');
$(“正文”)。附加(r);
}

您必须创建视图的对象。 像这样

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 createButton=Backbone.View.extend({
el:“#响应容器”,
活动:{
“单击。添加按钮”:“添加脚本”
},
初始化:函数(){
console.log(“已初始化”);
},
添加脚本:函数(){
console.log('Pressed');
//从这里创建一个新按钮?
本.$el.附加(“”);
}
});
var cb=newcreatebutton()


这是

你能清理一下你的HTML文件还是把整件事都发出去?我不确定那里发生了什么事情应该是这样的。。。。。。。事件:{“click.add button”:“add_script”},请解释一下在您的代码@waterkinqAs中,['click.add script button':'add_script']是什么意思,我说我是Backbone.js中的新手。我只是看一下它的例子,对于所有的例子,它们决定了一些事件,因此对于这个,这意味着当id为AddScript button的按钮被点击时,执行我在AddU脚本函数中写的操作。是不是错了?我真的不明白,当他的事件出错时,他怎么能让脚本工作,即,不使用类。添加按钮,他正在尝试调用。添加脚本按钮,我错了吗?就是这样,谢谢,我不知道初始化功能是必要的。谢谢,它可以工作。我没有必要让您理解,当我们通过new创建视图的对象时,视图的initialize方法被调用。
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"/>');


     }
});