キャッチされていないにReferenceError：jQueryの

Question

ヘッダー：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script src="http://mysite.com/public/delete.js" type="text/javascript"></script> 

ビュー：

<ol> 
<?php foreach($sqlplaces->result() as $place): ?> 
<li id="place-<? echo $place->id; ?>"> 
    <h3><?php echo anchor('/home/one/place/'.$place->id.'/'.$place->userid.'/'.$place->name, $place->name); ?> 
    <span style="float:right;"><a class="delete" id="<? echo $place->id; ?>" href="#"><img src="<? echo base_url(); ?>images/database_close_32.png" alt="Delete" /></a></span> 
    </h3> 
</li> 
<?php endforeach; ?> 
</ol> 

delete.js：

$(document).ready(function() { 

    $("a.delete").live('click', function() { 
      var deleteId = $(this).attr('id'); 
      $("li#place-" + deleteID).addClass("hide"); 

      $.post(base_url + "index.php/home/delete", { delid : deleteId }, function(data) 
      { 
        alert(data); 
      }, "json"); 

    return false; 
      }); 


}); 

私は<li id="place-<? echo $place->id; ?>">要素を非表示にしようとしていますが、私は理解できませんなぜUncaught ReferenceError：deleteIDが定義されていないのかが分かります。 $("li#place-" + deleteID).addClass("hide");を削除すると、deleteIDが$postに渡され、そのエントリがデータベースから削除されます。

Answer 1

deleteIDのスペルが間違っているため、JavaScript変数では大文字と小文字が区別されます。小文字のdを使用してdeleteIdと宣言します。

これはそれを行う必要があります。

$("li#place-" + deleteId).addClass("hide");