javascript - event.preventDefault が正常に機能しない

Question

div で AJAX を使用してデータをロードしました。

<div id="container">
<a class="hello" href="abc.php">hello</a>   // loaded using ajax
<div>

今私はjQueryを持っています:

<script type="text/javascript" charset="utf-8">
  $(document).ready(function() {
 $('.hello').on("click",function(e){
 e.preventDefault();
 });
 });
 </script>

ただし、正常に機能していません。つまり、 に誘導されていabc.phpます。どこが間違っていますか？

Answer 1

タグが動的にロードされるため、.onを使用します

$('#container').on("click",".hello",function(e){
   e.preventDefault();
});

Answer 2

動的に作成された要素を操作するには、 をこの.on()ように設定する必要があります。また、必ず Jquery バージョン 1.8 以前のバージョンを使用してください。

試す：

$('#container').on("click",'.hello',function(e){
 e.preventDefault();
 });

Answer 3

それはまたこれから働く..

$('.hello').click(function(){
     e.preventDefault();
});