Javascript对此的引用不起作用
我有以下HTML/Bootstrap/JS/JQuery代码:Javascript对此的引用不起作用,javascript,jquery,bootstrap-4,Javascript,Jquery,Bootstrap 4,我有以下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($(
<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"));
}
函数publicationUuidDelete(源){
警报($(源).attr(“uuid”);
}
当我单击超链接(按钮)时。警报窗口显示“未定义”。
我做错了什么?您应该向元素添加和事件侦听器,而不是将javascript放在href中
document.querySelector('.confirmation').addEventListener('click',函数(e){
e、 预防默认值();
警报(例如target.getAttribute('uuid');
});代码>
您不应该使用内联事件处理程序,当然也不应该从href
属性调用JS。这在90年代是不理想的,现在肯定不能接受。通过或使用不引人注目的事件处理程序