5

我有以下一段代码

<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 类的超链接时，代码应该会发出警报。但它不起作用..在这段代码中我可能做错了什么吗？

4

1 回答 1

8

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

$(document).ready(function(){
  $('body').on('click', 'a.wishlist_item', function(e){
    alert('asas');
    e.preventDefault();
  });
});
于 2012-05-05T22:06:55.043 回答