Question

我有以下代码

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>
        $('body').on('click', 'a.wishlist_item', function(){
            alert('asas');
            return false;
        })
    </script>
</head>
<body>
<a class="wishlist_item" id="wishlist_item" href="#" >Add to wishlist</a>
</body>
</html>

当我点击带有wishlist_item类的超链接时，代码应该发出警报。但它不起作用..在这段代码中有什么我可能做错了吗？

Answer 1

您必须在元素存在后绑定事件。使用ready事件在加载所有页面时运行代码：

$(document).ready(function(){
  $('body').on('click', 'a.wishlist_item', function(e){
    alert('asas');
    e.preventDefault();
  });
});

jQuery：click函数没有捕获超链接上的click事件

1 个答案: