質問: function() { // ファイル読み込み完了時 // 新しい画像をappendする $("#movie_wrapper").append(''); // console.log($("video").currentTime); } // 動画読み込み実行 fileReader.readAsDataURL($(this).prop('files')[0]); } }); } function test() { $("#movie_wrapper").on('timeupdate', '#movie_preview', function() { console.log("tes"); // if ($(this).currentTime >= 10 ) { // // 10秒以上経過した際の処理 // // 動画の長さは$(this)[0].duration // } }); } }); ``` testメソッドのtimeupdateが機能しません。 clickだとうまくいきます。
回答: は動的に追加されるものなので、動的に追加したイベントを拾うなら、$("#movie_wrapper").append()を行った後に.on('timeupdate', func)を設定しないとダメかと。 (timeupdateイベントはバブリングされないため、$(document).on('timeupdate', '#movie_preview', func) の方法は使用できません。)