骨干下划线模板 jquery ui 字形图标未单击答案

【问题标题】：backbone underscore template jquery ui glyph icon not clicking骨干下划线模板 jquery ui 字形图标未单击
【发布时间】：2016-05-02 18:57:45
【问题描述】：

我在 Backbone View Extend js 中有以下 HTML 代码作为下划线模板变量：

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、主干和下划线加载。其他几个页面仍然有效。本质上，我有几个不同的图标，我想在单击 div 时执行调整大小功能。

你觉得我错过了什么？

【问题讨论】：

You should not handle events like that in Backbone.
@moonwave99 那我该怎么办呢？
就像我发布的链接：))
@moonwave99 好的，所以我已经正确设置了主干扩展，带有一个 el 和一个事件函数，仍然没有触发。是否应该从下划线模板触发？
.resizeIcon 在您视图的el 内吗？也许你正在做的一个实用的例子会有所帮助。

标签： jquery-ui templates backbone.js underscore.js glyphicons

【解决方案1】：

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

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

函数被传递给event 对象。 js中也没有hover事件，大概是因为它实际上是需要单独处理的2个事件。

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

},
onMouseoff:function(e){

}

【讨论】：

谢谢。这似乎有效。现在我可以根据字形点击添加一个点击和一个调整大小的函数。我认为使用回调中的函数，它会执行它，但我想它不会。无论如何，那是出于测试目的。我想我在选择器和事件上的顺序错误。也感谢您对此的澄清。