Backbone子视图未正确绑定的事件

Question

我觉得我在骨干子视图渲染中缺少一个非常基本的观点（我当然已经读过它了），这是我的简单问题。

这是html：

<div id="activewindow> </div>

就是这样。我渲染了activewindow视图，没问题。当我点击某个按钮时，它会创建并渲染modelView。这是modalView的html：

<div id='modal'>
    <div class='modalwindow'>
        <div class="modalHeader">
            <div class='closeModal' data-translate-id="closeModal"></div>
            <img class='closeModal' src="./resources/images/close.png"> </img>
        </div>
    </div>
</div>

问题是，当我单击modalView中的关闭按钮时，它不会触发closeModal函数。 （没有console.log既不删除）。在modalView代码下面。

define('modalView', [
    'backbone',
    'text!views/modalView/destinationTemplate.html'
    ], function(Backbone, DestinationTemplate) {

        var ModalView = Backbone.View.extend({

            el:'#modal',

            template: _.template(DestinationTemplate),

            events: {
                'mouseup .closeModal': 'closeModal'
            },

            initialize: function(data) {
                _.bindAll(this,'render','closeModal');
                console.log(data.destinationId);
                this.render();
            },

            render: function() {
                $('#activewindow').append(this.template());
            },

            closeModal: function() {
                console.log("REMOVE!!");
                this.remove();
            }


        });

        return ModalView;

});

感谢您的帮助。