Всем привет! Как выйти из обработчика при вызове события click? Мне нужно, чтобы элемент зафиксировался в данном положении и событие mouseleave больше не срабатывало.
$('div').on({mouseenter:function(){
$(this).css("margin-left","-10px");
},click:function(){
return false;
},mouseleave:function(){
$(this).css("margin-left",0);
}
},'img');
добавить комментарий
|
2 ответа
http://jsfiddle.net/7eCdz/ — попробуйте так (если я правильно понял вашу задачу)
$('div').on('mouseenter mouseleave click', 'img:not(.fixed)', function (evt){
var $el = $(this), type = evt.type;
if( type == 'click' ){
$el.addClass('fixed');
} else {
$el.css('margin-left', -10 * (type == 'mouseenter'));
}
});
-
Спасибо. А что такое img:not(.fixed)? Вообще принцип действия поясните, пожалуйста. – Аноним Пусечка 2 июн '13 в 17:06
-
Смысл, не реагировать на элементы с классом "fixed" (название может быть любым). – RubaXa 2 июн '13 в 17:10
Воспользуйтесь разовым обработчиком событий. ОФициальный мануал.
-
Тогда и остальные события будут срабатывать один раз(mouseenter,mouseleave). А мне нужно кликом мышки зафиксировать свойство margin-left: -10px. – Аноним Пусечка 2 июн '13 в 7:47