Запуск ссылки, если она заключена в тег

developer1

У меня возникла проблема: модальное окно не запускается, если оно заключено в тег .
В моем примере, если вы щелкнете по «обычной» части ссылки со стилем шрифта, она сработает правильно, если вы щелкнете там, где выделен курсив, это не произойдет.
Есть идеи?
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');


}


});


});

Код (JavaScript): FIDDLE

https://jsfiddle.net/postcolonialboy/h70bkej9/30/

tew26

изменив e.target на e.currentTarget, это сработало. JavaScript:

 

$('.modal-button').click(e => {

e.preventDefault();

$(e.currentTarget).closest('.modal').add('body').addClass('open');

openModals.push($($(e.currentTarget).attr('href')).show());

});

Код (разметка):

QWEdomain

Мне просто интересно, почему вы тратите JavaScript на то, что даже не является задачей JS. или:
Открыть модальное окно

и используйте #myModal:target в CSS, чтобы вызвать его представление, с X

, чтобы закрыть его, или:

Открыть модальное окно

и использовать

Так что:

.toggle:проверено + div {

можно использовать для его отображения, а другой X — для его закрытия.

Это уже НЕ даже работа JavaScript, не говоря уже о крушении поезда невежества, некомпетентности и некомпетентности разработчиков, которым является jQuery.

ЕДИНСТВЕННОЕ, чему вы можете научиться с помощью jQuery, — это тому, как НЕ писать JavaScript.

Похожие темы	Дата
[Иван Петриченко] Полный курс по JavaScript + React - с нуля до результата (2020)	19.10.2024, 18:10
Delphi JavaScript execution - ditch TWebBrowser for ChakraCore by Darian Miller	19.10.2024, 18:10
Консоль разработчика Chrome. Сравните цены на двух сайтах.	19.10.2024, 18:10
Анонс webappObfuscator 0.9.8 (или около того)..	19.10.2024, 18:10
Как открыть всплывающее окно с помощью JavaScript!!!	19.10.2024, 18:10
Генератор цитат JavaScript с опциями	19.10.2024, 18:10
Измените слова с помощью jQuery ~ ChangeTheWords: плагин jQuery	19.10.2024, 18:10
Кнопка копирования текстового поля JS	19.10.2024, 18:10
Показывать содержимое HTML при множественном выборе	19.10.2024, 18:10
Как видео на YouTube начинают воспроизводиться автоматически	19.10.2024, 18:10

Запуск ссылки, если она заключена в тег

developer1

tew26

QWEdomain

I AM

Интересно