主干点击事件未触发

backbone click events not firing

本文关键字：事件      更新时间：2023-09-26

我不确定为什么会这样。这对我来说看起来很不寻常。通常，当我想在单击按钮时执行操作时，我会使用它

events:{
'click #button_name':'somefunction'
},
somefunction: function(){ 
alert("Blah");
}

但不幸的是，这不适合我。 ？？

这是我的js文件：

var AddDriverView = Backbone.View.extend({
    initialize : function() {
        this.render();
        },
    events: {
        'click #addDriveBtn' :'loadDriver'
    },
    render : function() {
        console.log("render");
        var template = _.template(addDriverTemplate, {});
        return template;
        // this.$el.html( template ,{});
    },
    loadDriver : function() {
        alert("Add Driver Data");
    }
});
我的

表单有很多输入框，之后我的最终提交按钮是这样的

    <input type="button" id="addDriveBtn" class="btn btn-default btn-large span12" `value="Add Driver" />`

单击此事件时，我希望弹出警报。知道我在这里犯了什么错误吗？

注意：我的html不是模板。它是一个将呈现为主视图的小视图，其名称类似于"views.addDriver.html"。

在 js 文件中，视图被渲染和控制台.log工作。

编辑我将 el： 更改为div 而不是 FORM，它运行良好。

更新的问题我想将表单中的所有数据移动到集合中，任何帮助如何将表单中的数据放入集合对象中。

这是我尝试过的：

var formData = {};
 $("#driverdata").children("input").each(function(i, el){
 formData[el.id] = $(el).val();
 });
 console.log(JSON.stringify(formData));

这在我的火狐和Chrome控制台中返回了一个"{}"...

我同意 Andrew 的观点 - 该事件将绑定到您视图的元素 (el(，因此按钮必须位于您的 el 内部才能触发

相关文章：