我有以下代码
<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类的超链接时,代码应该发出警报.但它不起作用..在这段代码中我有什么可能做错的吗？
您必须在元素存在后绑定事件.在ready加载所有页面时使用该事件运行代码:
$(document).ready(function(){
$('body').on('click', 'a.wishlist_item', function(e){
alert('asas');
e.preventDefault();
});
});