javascript - 单击时未调用 Jquery 函数

Question

当我单击该函数时，我有一个 href url，我需要获取一些信息，但我 oncliking href Jquery 函数没有被调用

Jquery代码

$("#displayfood").click(function(){
    console.log("Function called")
});

HTML代码

<div class="panel-heading">
    <h4 class="panel-title">
        <a href="#collapse1" id="displayfood" data-parent="#accordion2" 
           data-toggle="collapse" class="btn-block collapsed"> 
            <img class="img-rounded" src="images/db-icons/default-food.png"> Pizza
        </a>
    </h4>
</div>

Answer 1

在函数中你应该使用:“return” false 或“event.preventDefault()”来停止默认的点击事件。

像这样:

$("#displayfood").click(function(){
       console.log("Function called")
       return false
 });

或者:

$("#displayfood").click(function(e){
       console.log("Function called")
       e.preventDefault()
 });