Question

У меня есть следующий HTML-код в позвоночнике View Продлить JS в качестве переменного шаблона подчеркивания:

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.

Как вы думаете, что мне не хватает?

Answer 1

Ваш объект событий должен выглядеть следующим образом. Значение пары ключ/значение должно быть именем функции, которая будет вызываться, когда событие запускается на селекторе.

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

Функция передается event объект. Также нет события hover в js, предположительно потому, что на самом деле это 2 события, которые вам нужно обрабатывать отдельно.

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

}, 
onMouseoff:function(e){ 

}