Javascript / HTML：onClick图像警报不起作用

Question

我已经遍布Stack Overflow，仍然无法找到我正在寻找的答案。我是JavaScript的新手（不是Java新手）。我试图制作一个＆＃34;页面＆＃34;在我的网站上X点击图像X.

<img name= "pageXSymbol" src="IMAGEURL">

我的JavaScript代码是：

$("pageXSymbol").on("click", function() {
    alert("Are you sure you want to delete this page?"));
});

我没有尝试删除＆＃34;页面＆＃34;但是，我只是想点击时弹出警报。单击图像时没有发生任何事情。

Answer 1

您必须定位名称属性

$("[name='pageXSymbol']")

您的选择器定位到tagName，因此$("pageXSymbol")将匹配<pageXSymbol></pageXSymbol>

jQuery selectors

Answer 2

<img name= "pageXSymbol" id = "pageXSymbol" src="IMAGEURL">

的javascript：

$('#pageXSymbol').click(function() {
    alert("Are you sure you want to delete this page?"));
});

Answer 3

当您使用$("pageXSymbol")时 - jQuery尝试访问<pageXSymbol> HTML元素，而不是<img name="pageXSymbol">

要使代码正常工作，应通过name attribite：

访问元素

$("img[name=pageXSymbol]").on("click", function() {
    alert("Are you sure you want to delete this page?"));
});

Answer 4

这应该有帮助...

HTML：

<img id="XSymbol" name="pageXSymbol" src="URL">

JS：

$( "#XSymbol" ).click(function() {
  alert( "Handler for .click() called." );
});

请参阅JQuery Click Function。