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 に答える