爲什麼在以下情況下彈出警報不會出現？

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()，但如果要防止發生默認操作（例如使用AJAX提交表單），則使用e.preventDefault()是個好習慣。

Answer 2

因爲它有一個默認的點擊功能，你應該嘗試

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

Answer 3

你的代碼就可以了。只是包括從左側面板中jsfiddle

Answer 4

使用這個JQuery庫，

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

中的jsfiddle例如