PHPのEOD,echo,print に記載しているIdSelectorがJQueryで反応しない

Question

1枚の.php（HTMLのレイアウトにて）のスクリプトに、
ヘッダーにJquery,ボディーにphpで処理を記述しております。
ボタンを、bodyのphp記述以外の、HTMLに記載すれば、問題なく.click function が実行されます。
php記述の途中にbuttonを置く場合、どのように記載すればいいでしょうか。
echo, print, EODで試してみましたが、#refresh がjQueryで反応しません。
CSSは反応します。
何か見落としてましたら、ご教示頂けますと、幸いです。宜しくお願い致します。

ヘッダー箇所にjQueryにて、ボタンクリック時の処理を記載。

$(document).ready(function(){
  $('#refresh').click(function(){
      alert("CLICK OK");
    $.ajax({  success: , <...more coding...> fail: <...more coding...>  });

});

body にPHPスクリプトを記載し、その中で、ボタンを追記。

<?php
<...more php coding...　for(){　>
        echo <<<EOD
        <button id='refresh'>REFRESH DATA</button>
        <table id='show'></table>
        EOD;
<...more php coding... } とか　>
?>

Comments

[maisumakun]

「more php coding」の部分で、echo自体をループさせていたり、条件分岐させていたりはしませんか？

[NekoNyanSuke]

はい、しています。for文の途中で、上記ボタンを追加しております。
ボタンを追加する後に、<table> がありまして、こちらの前に新たにボタンとテーブルをを追加したいのです。

Answer 1

はい、しています。for文の途中で、上記ボタンを追加しております。

同じHTMLに同一のidを持つ要素を複数置いた場合、正しく動作しません。

Comments

[NekoNyanSuke]

有難うございます！！classに変更し、解決致しました。

Answer 2

id="refresh"のボタンは$('#refresh_data')では拾えません

Comments

[NekoNyanSuke]

メッセージありがとうございます。こちら、上記が間違えで、コードはid同じになります、他、ございましたら、ご教示頂けましたら、幸いです。