Backbone.js 单击事件时未调用函数-主干js_Backbone.js_Backbone Events

Backbone.js 单击事件时未调用函数-主干js

backbone.js

Backbone.js 单击事件时未调用函数-主干js,backbone.js,backbone-events,Backbone.js,Backbone Events,我是主干网新手，正在尝试点击事件的示例。我已经在我的视图中定义了事件。此外，还添加了函数定义。但是click事件没有调用my函数。请建议更改以下代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="//maxcdn.bootstr

我是主干网新手，正在尝试点击事件的示例。我已经在我的视图中定义了事件。此外，还添加了函数定义。但是click事件没有调用my函数。请建议更改以下代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>


<div class="fileuploadView">

    <input type="file" id="file" name="file">
    <button id="submitFile" type="button" class="btn" name="submitFile"> Submit </button>

</div>


<script>

    var File = Backbone.Model.extend ({

        defaults: {
            name : "",
            location:""
        }
    });

    var FileView = Backbone.Model.extend ({

        initialize : function () {
            alert('FileView initialized');
        },

        events : {

            "click .submitFile": "onSubmitFile"
        },

        onSubmitFile : function(event)
        {
            alert('backbone click event');
            console.log('backbone click event -on console');
        }
    });

    var fileView = new FileView ({el : $('#fileuploadView')});

</script>

</body>
</html>

我想选择器有问题。你的事件绑定说

   events : {

        "click .submitFile": "onSubmitFile"
    },

但是submitFile实际上是id。所以将其更改为

   events : {
        "click #submitFile": "onSubmitFile"
    },

另外，FileView应该扩展主干。视图而不是主干。模型

如果您使用的是主干模型而不是视图，请将“.”用于类或id

试着这样做

                   //View instead of model
var FileView = Backbone.View.extend ({

    initialize : function () {
        alert('FileView initialized');
    },

    events : {

        "click .submitFile": "onSubmitFile"
    },

    onSubmitFile : function(event)
    {
        alert('backbone click event');
        console.log('backbone click event -on console');
    }
});

var fileView = new FileView ({el : $('#fileuploadView')});

您可能想扩展Backbone.View而不是FileView的Backbone.Model