Javascript

JSでclickが1回目だけ動かない時の対処法「ajaxが原因かも」

こんにちは。リノです。最近はもっぱらECサイトの開発案件の納期に追われています。

今回は、onclickが1回目だけ効かない時の対処法です。

本題に移る前に一点だけご確認ください。それは、ajax通信で動的に作った部分に対してonclickを行っているかどうかです。

もし、onclickの対象が動的に作った部分だったらこの記事はお役に立てます。もし違ったらあなたが求めている記事とは違う可能性大です。その場合は他の記事を参照ください。

では、本題に移ります。

ajax通信で動的に作った部分にclickが効かない

ajax通信で動的に作ったコンテンツに以下のようにclickを行うと動作しません。

これをonclickに変えると、動的コンテンツにも使えるようになります。

ちなみに、selectの中にはaタグなどを入れればオーケーです。

僕はデータ通信をした後で表を作っていたのですが、なぜかclickイベントが効かなかったので色々と検索してしまいました。

お役に立てば幸いです。