Навешивание событий на элементы

[mbakirov]

Привет, можешь поделиться best practice как лучше декларировать события типа click на элемент? Например, есть b-block, у него есть элемент b-block__button, при клике на __button должен добавиться модификатор для b-block (b-block_mod_val).

Мы сейчас делаем так:

$.BEM.decl('b-block')
    .onMod('js', function($super, mod, val, prev){
        var self = this;

        $.BEM.find(self, 'toggle').on('click', function(){});

Обертку find написал сам – ищет в ноде self элементы блока (составляет селекторы и возвращает jQuery).

[mbakirov]

$.BEM.find работает так, если интересно:

Первый параметр может быть как просто именем блока (строкой), так и объектом

$.BEM.find = function(_self, _elem, _mod, _modVal){
    var strBlock = '',
        strElem = (_elem ? '('+_elem+')' : ''),
        strMod = '',
        strModName = (_mod ? _mod : ''),
        strModVal = (_modVal ? _modVal : '');

    if(typeof(_self) == 'object' && _self.instance !== undefined)
    {
        strBlock = '%'+_self.name;
    }
    else
    {
        strBlock = '%'+_self;
    }

    if(_modVal)
    {
        strMod = '{'+strModName+'='+strModVal+'}';
    }
    else if(_mod)
    {
        strMod = '{'+strModName+'}';
    }

    if(typeof(_self) == 'object' && _self.$ !== undefined)
    {
        return _self.$.find(strBlock+strElem+strMod);
    }
    return $(strBlock+strElem+strMod);
};