Ссылка Javascript на это не работает

У меня есть следующий код HTML / Bootstrap / JS / JQuery:

<a class = "btn btn-primary confirmAction"
    href = "javascript:publicationUuidDelete(this);"
    uuid = "da3ad248-3955-4e17-8948-f9247c4e3186">Delete
</a>

function publicationUuidDelete(source) {
    alert($(source).attr("uuid"));
}

Когда я нажимаю гиперссылку (кнопку). В окне предупреждения отображается «undefined». Что я делаю неправильно?

Вы не должны использовать встроенные обработчики событий и, конечно же, не должны вызывать JS из атрибута href. Это было не идеально в 90-х годах и, конечно, неприемлемо сейчас. Вместо этого используйте ненавязчивые обработчики событий через простой JS или jQuery

— 27.11.2018 17:58

javascript jquery bootstrap-4

27.11.2018 17:46

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 1

Вместо того, чтобы помещать javascript в href, вы должны добавить к элементу прослушиватель событий.

document.querySelector('.confirmAction').addEventListener( 'click', function ( e ) {
  e.preventDefault();
  alert(e.target.getAttribute('uuid'));
});

<a class = "btn btn-primary confirmAction" href = "#"
    uuid = "da3ad248-3955-4e17-8948-f9247c4e3186">Delete
</a>

27.11.2018 17:50

Другие вопросы по теме

Как получить доступ к селектору на AJAX Complete?

Как получить вложенную DOM

Как в jQuery 3 получить идентификатор выбранных входов в функции .each?

Проблема jquery с отображением скрытого всплывающего окна

Как увеличить изображение от центра без использования точного положения

JQuery не перенаправляет после запуска маршрута Flask

400 неверных запросов в WordPress Ajax

Почему значение document.getElementById ("item"). Так сложно присвоить переменной?

Заголовок Api-Version отправляется неправильно

Увеличение индекса цикла for при успешном возврате AJAX в jQuery

Ссылка Javascript на это не работает

Ответы 1

Другие вопросы по теме

Похожие вопросы