JQueryが実行されていませんが、ロード中ですか？

Question

私はjQueryのコードの非常にシンプルなjQueryのビットに問題のビットを持っている - 私はでそれをトラブルシューティングしてきた：グーグルを使用して文書

の最後にjQueryのコードを移動

1. jQueryと地元が$（ドキュメント）.readyを使用して
2. を開催しホステッド - とPHPは、HTMLドキュメントに挿入すると、コードを生成取り出して、コードを挿入するPHP
3. せずにそれを試みることによって、それを簡素化
4. なし火かき棒 - ノート：これは、実際にここでjQueryのコードだ完全

に動作します：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> 
<script language="text/javascript"> 
$(document).ready(function(){ 
    $('.del').click(function() { 
     alert(this.id); 
    }); 
}); 
</script> 

ここではPHPのコードは次のとおりです。

この種のHTMLを生成

while($row = mysql_fetch_array($reports)){ 
     echo '<tr><th>'.$row['title'].'</th>'; 
     echo '<td><a href="modify.php?site='.$row['id'].'">Modify</a></td>'; 
     echo '<td> <img class="del" id="'.$row['id'].'" src="../right_place.jpg" width="75" height="75"></td>'; 
     echo '<td><a href="../report.php?site='.$row['id'].'"><img src="../'.$row['thumb'].'" width="75" height="75"></a></td></tr>'; 
    } 

：

  <tr> 
       <th>Site 2</th> 
       <td><a href="modify.php?site=2">Modify</a></td> 
       <td><img class="del" id="2" src="../right_place.jpg" width="75" height="75"></td> 
       <td><a href="../report.php?site=2"><img src="../placeholder.jpg" width="75" height="75"></a></td> 
      </tr> 

      <tr> 
       <th>Site 1</th> 
       <td><a href="modify.php?site=1">Modify</a></td> 
       <td><img class="del" id="1" src="../right_place.jpg" width="75" height="75"></td> 
       <td><a href="../report.php?site=1"><img src="../placeholder.jpg" width="75" height="75"></a></td> 
      </tr> 

私は現在Google Chromeで試してみました インターネットエクスプローラ。これの最も興味深い面は、JQueryコードをコピーしてFirebugに貼り付けると、完全に実行され、エラーはないということです。しかし、ページ内にあるときは実行されません。 （したがって、ページの一番下にコードを挿入しようとした1つの理由！）

注：JQueryコードは、デバッグ/テスト目的でも簡略化されています。実際には、AJAX呼び出しを行う前に確認を求めるメッセージが表示されますMySQLのクエリを実行するPHPスクリプトに変換します。

Answer 1

カップル間違ってここに。

1）。数値IDは使用しないでください。 IDは文字で始まる必要があります。

2）。あなたのスクリプトタグは、タイプ指定子の代わりに言語指定子を使用して間違っています。それは読む必要があります：

<script type="text/javascript"> 

それを修正する必要があります。

Answer 2

はにあなたのドキュメントレディ機能を変更してみてください：

$(document).ready(function(){ 
    $('.del').live('click', function() { 
     alert(this.id); 
    }); 
}); 

Answer 3

私はdelegate()メソッドを使用します：物事の

$(function() { 

    $("img").delegate(".del", "click", function() { 
     alert(this.id); 
    }); 

}); 

Answer 4

ちょうどあなたとは何かを持っている必要があり、それは、[このjsFiddle]（http://jsfiddle.net/RaaKG/1/）で完璧に動作し、言語=「テキスト/ JavaScriptを」削除し、それが