javascriptで繰り返し実行するとエラーになる。

Question

<script type="text/javascript">
function test(param){
   $.post(
       "/test/hoge",
       {
             "param":param
       },
       function(data) {
              $("#hoge").html(data['html']);
       }
   );
}
</script>

<p id="hoge">
      <span onclick="test(param)">ボタン</span>
      書き換える場所(ここにトリガーとなるボタンをおいてます)
</p>

簡略化して書いてますが、上記のようなjavascriptを書いてます。

/test/hogeにデータを送って保存し
/test/hogeからjson形式で、書き換え用のhtmlタグを返して

id="hoge"内のタグを書き換えてます。

ページ初期アクセス時は、ボタンを押すと正常に実行され書き換わるのですが

その後、再度書き換えられたボタンを押して実行すると動きません。

(index):1 Uncaught ReferenceError: param is not defined

デベロッパツールには上記のようなエラーログが残されてます。

これは一体何が原因なのでしょうか?

お手数ですがアドバイスいただきたいです。

Comments

[masaya_ohashi]

置き換えられた後のHTMLが書かれていないと答えようがありません。

Answer 1

なんかよくわかりませんが、解決しました。

ありがとうございます。