Javascript 为什么在以下场景中不会出现警报弹出窗口?

Javascript 为什么在以下场景中不会出现警报弹出窗口?,javascript,jquery,hyperlink,alert,jquery-click-event,Javascript,Jquery,Hyperlink,Alert,Jquery Click Event,我有一个超链接,点击它我想显示一个警报弹出窗口,但它不工作。谁能告诉我哪里做错了 以下是我的HTML代码: <a href="#" class="que_issue">QUE414</a> 您可以使用来阻止将重新加载页面的锚点的默认操作 $(document).ready(function () { $(".que_issue").click(function (e) { e.preventDefault() alert("Jum

我有一个超链接,点击它我想显示一个警报弹出窗口,但它不工作。谁能告诉我哪里做错了

以下是我的HTML代码:

<a href="#" class="que_issue">QUE414</a>
您可以使用来阻止将重新加载页面的锚点的默认操作

$(document).ready(function () {
    $(".que_issue").click(function (e) {
        e.preventDefault()
        alert("Jumbo");
    });
});



编辑:实际上,
jsFiddle
中缺少jQuery。另一方面,您已经将
#
用于锚定,因此无需在此处使用
e.preventDefault()
,但当您希望防止发生默认操作(例如使用AJAX提交表单)时,使用
e.preventDefault()
是一个好习惯。因为它具有默认的单击功能,您应该尝试

$(".que_issue").click(function(event) {
    event.preventDefault();
    alert("Jumbo");
});

你的代码没问题。只需将左面板中的
JQuery
库包含在
jsfiddle

中即可使用此

$(document).on('click', '.cancel_logo', function(){
    alert("Jumbo");
});

在JSFIDLE示例中,您没有添加jQuery库,请包括jQuery库,是的,只包括jQuery。你的代码运行得很好仔细阅读
OP
问题,他添加了
href=“#”
已经可以重新加载页面了吗?
$(document).on('click', '.cancel_logo', function(){
    alert("Jumbo");
});