-
ID:BJ8k8Z さんの質問

下記の様なHTMLのソースがありscript.phpが出力するデータもHTMLソースと全く同じものなのですが一度HTMLソースのリンクをクリックするとそれ以降HTMLソースのリンクが全く反応しなくなってしまいます
どのようにしたら2度目にクリックしても正常に反応するように出来ますでしょうか?

●JQUERYソース
jQuery(’.ABC’).click(function(event){
event.preventDefault();
Member_Id = jQuery(this).attr(’mem’);
dataType:’text’;
jQuery.post(’script.php’,
{Member_Id:Member_Id},
function(data){
jQuery(’#XYZ’).html(data);
});
});

●HTMLソース
<ul>
<li id="XYZ">
<a href="#" class="ABC" mem="00000001">×</a>A,
<a href="#" class="ABC" mem="00000002">×</a>B
</li>
</ul>

みんなの回答 1 件

ID:15Kmxc さんの回答

#XYZの中身書き換えちゃってるからだな。
click() じゃなくて on() 使ってみ。

ID:15Kmxc

あと mem ていうアトリビュートは認められてないので、
data-mem の方がいいかも。

ID:3jzNmc

ご回答ありがとうございます

jQuery(’.ABC’).on(’click’,’.ABC’,function(event){

と言うような形にしたのですがやはり反応しませんでした…

ID:3jzNmc

jQuery(document).on(’click’,’.ABC’,function(event){

とする事で解決いたしました!
ご回答いただいた方ありがとうございました!

最終更新日:2013-09-26 (1,837 views)

関連するトピックス

ページ上部に戻る