スポンサーリンク
こんにちは。リノです。最近はもっぱらECサイトの開発案件の納期に追われています。
今回は、onclickが1回目だけ効かない時の対処法です。
本題に移る前に一点だけご確認ください。それは、ajax通信で動的に作った部分に対してonclickを行っているかどうかです。
もし、onclickの対象が動的に作った部分だったらこの記事はお役に立てます。もし違ったらあなたが求めている記事とは違う可能性大です。その場合は他の記事を参照ください。
では、本題に移ります。
スポンサーリンク
ajax通信で動的に作った部分にclickが効かない
ajax通信で動的に作ったコンテンツに以下のようにclickを行うと動作しません。
1 2 3 |
$("#navigation").click(function () { $(this).addClass("new_class"); }); |
これをonclickに変えると、動的コンテンツにも使えるようになります。
1 2 3 |
$('#navigation').on('click','select',function(){ $(this).addClass("new_class"); }); |
ちなみに、selectの中にはaタグなどを入れればオーケーです。
僕はデータ通信をした後で表を作っていたのですが、なぜかclickイベントが効かなかったので色々と検索してしまいました。
お役に立てば幸いです。
スポンサーリンク