シンプルなJquery/Ajaxの読み込みが行われない

Question

さて、私はチャットプログラムに進化する単純なコンテンツローダーを作ろうとしています。現在のところ、私はJqueryの.load（）関数を動作させることさえできません。

これは私のメインのファイルに重要な部分である：

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#messages").load('/ajax-chat-load.php'); 
     }); 
    </script> 

<div id="#messages">[No messages]</div> 

そして、私の理解がメインのファイル正しければ、これは/ajax-chat-load.php

今

echo "Hotdogs are tasty"; 

でいただきましたですドキュメントのロードが完了したら、ajax-chat-load.phpを呼び出して、その中にhtmlをロードして#messages divにロードする必要があります。しかし、#messages divは[no messages]というメッセージだけを保持します。

Answer 1

#をhtmlのidの前に付けないでください。したがって、このようなあなたのmessages divの操作を行います。

<div id="messages">[No messages]</div> 

をお使いのjQueryのコードは、（あなたがあなたはjQueryのCSSに渡すパスにIDの前に#を入れてください）正常に見えます。

Answer 2

＃はidを表します。あなたはこれにのid = '#messages'

変化として、あなたのコードを、それを使用することはできません。

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#messages").load('/ajax-chat-load.php'); 
     }); 
    </script> 

<div id="messages">[No messages]</div>

ホープ、このことができます。