2

Здравствуйте, столкнулся с ситуацией, когда нужно при клике на элементе обработать это событие специальным образом, но в дочернем элементе используется блок, на который применен плагин (Magic Zoom Plus) и он явно сбрасывает этот обработчик, так как событие уже не обрабатывается, пробовал через callback создать обработчик, после загрузки плагина - не помогло. Каким образом можно решить такую проблему?

Код примерно выглядит так:

$(".class1").on('click', function() {
  alert(123);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="class1">
  <a class="MagicZoom" href="#">111</a> 123
</div>

1
  • Ваш код и так не будет работать, потому что у вас нет селектора class1
    – Cheg
    29 июл 2017 в 22:47

2 ответа 2

1

Селектор контейнера + всех его дочерних элементов

$('.snippet-code,.snippet-code *')

Только такой подход неправильный, событие и так распространяется снизу вверх для jQuery. Попробуйте добавить аттрибут onclick - его вызов будет в первую очередь. Также можно ловить событие сверху вниз .

0

А если вот так попробовать?

let parent = document.querySelector('.class1');
let aTag = document.querySelector('.MagicZoom');
let clickable_items = [parent, aTag];

clickable_items.forEach(element => {
	element.addEventListener('click', (e) => {
		if(element.classList.contains('MagicZoom')) {
			e.stopPropagation();
		} else {
			console.log('clicked')
		}		
	})
})
aTag.addEventListener('click', () => {
	//Magic Zoom Event
	console.log('atag')
})
<div class="class1">
  <a class="MagicZoom" href="#">111</a> 123
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.