Javascript/HTML：onClick圖像警報不起作用

Question

我已經看遍了所有的堆棧溢出，仍然無法找到我正在尋找的答案。我對JavaScript非常陌生（不是Java的新手）。我試圖在點擊圖像X時在我的網站X上創建一個「頁面」。

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

我的JavaScript代碼是這樣的：

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

我並不想真正刪除「網頁」，但，我只是試圖讓警報彈出點擊時。點擊圖片時沒有發生任何事情。

Answer 1

你必須針對name屬性

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

你選擇的目標標記名，所以$("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。