为什么警报弹出窗口不会出现在以下情况中？

Question

我有一个超链接，点击它后我想显示警告弹出窗口，但它不起作用。谁能告诉我我做错了什么？ jsfiddle

以下是我的HTML代码：

<a href="#" class="que_issue">QUE414</a>

以下是我的jQuery代码：

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

Answer 1

您可以使用 e.preventDefault() 来阻止您的锚点的默认操作，这会重新加载页面

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

<强> Updated Fiddle

---

编辑：实际上，你在jsFiddle中缺少jQuery。另一方面，您已使用#作为锚点，因此无需在此使用e.preventDefault()但是当您想要阻止默认操作时，使用e.preventDefault()是一个好习惯发生诸如使用AJAX提交表单。

Answer 2

你的代码还可以。只需在JQuery

左侧面板中添加jsfiddle库

Answer 3

因为它有默认的点击功能，你应该尝试

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

Answer 4

使用此，

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