- This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
Viewing 2 posts - 1 through 2 (of 2 total)
- The forum ‘JavaScript’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › JavaScript › Triggering a link if wrapped in an tag
I am having an issue where a modal isn’t triggering if it is wrapped in an tag.
In my example, if you click in the “normal” font-style part of the link, it fires properly, if you click where the italics are, it won’t.
Any ideas?
JS
$(function () { const openModals = []; $('.modal-button').click(e => { e.preventDefault(); $(e.target).closest('.modal').add('body').addClass('open'); openModals.push($($(e.target).attr('href')).show()); }); $(window).add('.close').click(e => { e.stopPropagation(); if ($(e.target).is('.modal, .close')) { const closing = openModals.pop().addClass('modal-content-active'); setTimeout(() => {closing.hide().removeClass('modal-content-active')}, 0); if (openModals.length > 0) { openModals[openModals.length - 1].removeClass('open'); } else $('body').removeClass('open'); } }); });
by changing e.target
to e.currentTarget
, it worked.
$(‘.modal-button’).click(e => {
e.preventDefault();
$(e.currentTarget).closest(‘.modal’).add(‘body’).addClass(‘open’);
openModals.push($($(e.currentTarget).attr(‘href’)).show());
});