【jQuery】追加した要素が動かないとき
クリックイベントが発火しないときはこれ
//documentのとこは親要素を指定、#boxにクリック対象
$(document).on('click','#box',function(){
//任意の関数
});slickやmodaalなどプラグインが効かないときはこれ（プラグインを要素追加したときに再び読み込む）
//バインドする関数を定義
function loadmodaal(){
$('.gallery').modaal({
type: 'image'
});
}
//画面ロード時に呼ぶ
$(document).ready(function(){
loadmodaal();
});
//任意の関数内でも要素追加後に呼ぶ
function addcontents(){
$(".box").append('<div>');
loadmodaal();
}参考
- ajax呼出しやDOM要素変更後にjQueryが動かないときの対処法 | ぱーくん plus idea
https://plus-idea.net/ajax-dom-jquery-rebind/ - jQuery 便利なonを使おう（on click) #jQuery - Qiita
https://qiita.com/shizuma/items/d561f37f864c3ebb5096