<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