みなさま
いつもお世話になっております。
jqueryの挙動について質問させていただきます。
jqueryで動的に追加した要素に対し、jquery.colorbox.jsのイベントを付与したいのですが、
どうしてもうまくいかず投稿いたします。
■環境
ネット上のVPSサーバ(LAMP環境)
■やったこと
・wordpress上で、画面を構築し、画面のリロードなしで
jqeuryで動的に要素「.add_elements」を追加する動きを実装。
・その追加した要素「.add_elements」に対して、jquery.colorbox.jsのイベントを付与したい
■起こったこと
①動的に追加した要素「.add_elements」に対し、次のようなjqueryを割り当てているが、
クリックしても動作しない。
↓javascriptの.jsファイルとして保存
javascript
1(function ($) { 2 3 $(".add_elements").colorbox({ 4 maxWidth:"50%", 5 }); 6 7})(jQuery); 8
■調査した情報
①当初、要素の追加漏れかと思い、ブラウザの開発者ツールで要素を確認したところ
目的の要素「.add_elements」は正しく追加されていました。
②js側は特に変更なく、画面が読み込まれた際に
$(".add_elements").colorbox({
というように、要素のクラス名に「.colorbox」というメソッドを割り当てています。
③画面初期表示の要素には上記のメソッドが正しく呼ばれています。
■期待する動作と質問事項
要素追加時に、jquery.colorbox.jsのクリックが反応するようにしたいです。
有識者の方のアドバイスをいただければ幸いです。
どうぞよろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/11/18 01:17