Добрый день!
Есть кнопка, которая, при нажатии, изменяет определенный объект. Кнопки и объекты дублируются, т.е. есть прямая связь кнопка-объект. Для всех кнопок один обработчик, который должен понять - какой объект надо изменять.
Как правильно сделать связь кнопки-объекта?
Вот как примерно я это сейчас делаю (в жизни, конечно же, гораздо больше различных событий и условий.): Кнопкам указываю название переменной с объектом, потом обращаюсь к этому объекту, как к элементу window.
var Obj = function(){
this.name = 'obj';
this.counter = 0;
}
Obj.prototype.init = function(){
$(document).append('<button data-object="' + this.name + '"></button>');
}
Obj.prototype.incrase = function(){
this.counter++;
}
var obj1 = new Obj();
obj1.name = 'obj1';
obj1.init();
var obj2 = new Obj();
obj2.name = 'obj2';
obj2.init();
$(document).on('click', 'button', function(){
var obj = window[$(this).data('object')];
obj.incrase();
});
