Javascript对此无效

Question

我有以下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"));
}

当我单击超链接（按钮）时。警报窗口显示“未定义”。 我在做什么错了？

Answer 1

您应该在元素中添加和事件监听器，而不是在href中放置javascript。

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>