AJAXは成功しましたが、divを期待どおりに置き換えません。

Question

多くのグーグルの後、私は成功の勢いにいると思います。

私は次のスニペットが含まれてoverview.php、かなり大規模なページがありますページダウン

<script> 
    function getSummary(id) 
    { 
    $.ajax({ 
     type: "GET", 
     url: '_table_category.php', 
     data: "catid=" + id, 
     success: function(data) { 
      $('#summary').html(data); 
      alert('Successfully called'); 
     }, 
     error: function(jqxhr, status, exception) { 
      alert('Exception:', exception); 
     } 
    }); 
    } 
</script> 

、私は、配列を反復処理し、テーブルを移入します。最初の列は以下の通りである：

 <div class="box"> 
     <div class="box-header"> <h3 class="box-title"> Details </h3> </div> 
     <div class="box-body"> 
      <div id="#summary"> Select a category to see the details. </div> 
     </div> 
     </div> 

エラーなしのページをロードする際に、またをクリックすることで：

<td> <a onclick="getSummary('<?php echo $expenses[$k]['categoryid']; ?>')"> <?php echo $expenses[$k]['shortdesc']; ?> </a> </td> 

そして、さらに下のページで、詳細が含まれますdivがありますリンク'。リンクをクリックすると、「正常に呼び出されました」という警告が期待通りにポップアップ表示されます。

Chromeのデベロッパーツールの[ネットワーク]タブで、_table_category.phpページ（catidの値）を呼び出し、リンクをクリックすると_table_category.php？catid = 35 ）、プレビューウィンドウのHTMLは正しい形式のHTMLです。 それから、HTMLを手動でdivに貼り付けると、まさに期待通りのものになります。

これは私がかなり明白なものを紛失していると思うのですが、実際にdivを結果に置き換えていないだけですか？

Answer 1

divのIDが間違っています。

<div id="#summary"> 

それだけで次のようになります。

<div id="summary"> 

#（「IDにより選択」を指定するために使用されます）セレクタにただそこにあります。