backbone 下划线模板 jquery ui 字形图标未点击

Question

我在 Backbone 视图中有以下 HTML 代码 Extend js as an underscore template variable:

var template = _template(
...
"<div class='sizingIcon'>" +
    "<ul class='ui-widget icon-collection classificationSizingIcon'>" +
        "<li class='ui-state-default ui-corner-all' title='minimize'>" +
            "<span class='ui-icon ui-icon-arrowthick-1-n resizeIcon'></span>" +
        "</li>" +
    "</ul>" +
"</div>" +
...
);

另外，我有这个调用来调用视图扩展的初始化区域中的 Backbone 函数：

this.appendSizingFunctionality();
...
},

appendSizingFunctionality: function() {
    $('.resizeIcon').click(function() {
        alert('resizing div');
    });
},
....

即使使用测试代码，我也无法触发点击事件。是的，我有 jquery、jquery-ui、backbone 和下划线加载。其他几个页面仍然有效。本质上我有几个不同的图标我想在单击 div.

时执行调整大小功能

你觉得我错过了什么？

Answer 1

您的事件对象应如下所示。 key/value 对的值应该是在选择器上触发事件时将调用的函数的名称。

event selector callback
'mouseover .resizeIcon':'onMouseover',

函数被传递给 event 对象。另外js中也没有hover事件，估计是因为实际上是2个事件需要分别处理。

events:{
    'mouseover .resizeIcon':'onMouseover',
    'mouseoff .resizeIcon':'onMouseoff'
},
onMouseover:function(e){

},
onMouseoff:function(e){

}

backbone 下划线模板 jquery ui 字形图标未点击

backbone underscore template jquery ui glyph icon not clicking

templates

jquery-ui

backbone.js

underscore.js

glyphicons