<a>標簽上的</a> Click事件<a>在JQuery中不起作用</a>

Question

我正在嘗試更改<a>標記上的click事件。

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JQuery test</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> $(document).ready(function () { alert('doc. ready'); $('#id_product_quick').on('click', function (e) { alert('click'); e.preventDefault(); loading(); }) }); </script> </head> <body> <a id="#id_product_quick" class="col-md-4" href="/scr/quick/3/"><img style="width: 200px" src="/static/img/icons/Button.png"></a> </body> </html>

JavaScript成功加載並警報$(document).ready ，但是當我單擊<a>標記時，如果要轉義默認操作或警報“單擊”，則會重定向到原始href。

有人可以幫助我解決我的問題嗎？

Answer 1

從HTML的ID屬性中刪除# 。

<a id="id_product_quick" class="col-md-4" href="/scr/quick/3/"><img style="width: 200px" src="/static/img/icons/Button.png"> </a>

或者，在附加事件處理程序時從選擇器中使用\\\\轉義元字符#

$('#\\#id_product_quick').on('click', function (e) {
    alert('click');
    e.preventDefault();
    loading();
})

查看文件

要將任何元字符（例如！“＃$％＆'（）* +，。/ :; <=>？@ [] ^`{|}〜）用作名稱的文字部分，必須以兩個反斜杠轉義：\\\\。

<a>標簽上的</a> Click事件<a>在JQuery中不起作用</a>

問題描述

1 個解決方案

解決方案1
3 已采納 2017-01-03 10:23:44

<a>標簽上的</a> Click事件<a>在JQuery中不起作用</a>

問題描述

1 個解決方案

解決方案1 3 已采納 2017-01-03 10:23:44

解決方案1
3 已采納 2017-01-03 10:23:44