Categories
Jquery

Событие on

$(‘#селектор’).on(‘событие мыши’, селектор, данные(литерал объекта), имя функции);

var linkVar = {message: 'linkVar text'};
var pVar = {message: 'pVar text'};

function showMessage (evt) {
 alert(evt.data.message);
}

$('a').on('mouseover', linkVar, showMessage);
$('p').on('click', pVar, showMessage);

//несколько имен событий
$(document).on('click keypress', function() {
    $('#lightbox').hide();
});

//передача объектной константы
$('#theElement').on({
    'click' : function() {
        //some action
    },
    'mouseover' : function() {
        //some action
    }
});

 Делегирование событий

$('ul').on('click', 'li', function() {
    $(this).css('color' : 'red'); // this - li
});

 

 

Leave a Reply