動的に生成された要素が表示された後、動くスクリプトを作りたい

いつもお世話になっております。

appendで追加された要素が表示された後、実行されるスクリプトを書きたいと考えれおります。

下記のように要素が挿入された後、.readyで要素が表示されているか確認し、実行という風にしたかったのですが思うように行きません。

javascript
1getWritten(url, function(html){
2  $('.output').append(html);
3  $('.cartjs_box').ready(function(){
4    if($('.cartjs_box').length){
5      $('.cartjs_box').prepend(output_size);
6    }else{
7      console.log('セレクターがない')
8    }
9  });
10  });

.cartjs_boxは、.append(html)に内包されている要素です。__

おそらく.readyの前のappendによって追加された要素の読み込みが終わっておらず.readyが追い越す形になってしまっているのでがないかと思います。

もう何時間もここで躓いていて、どうしたらいいかわかりません、どなたかアドバイスお願い致します。

kei344

2016/12/22 02:34

document.write がありませんが、コードの全体を提示されてはいかがでしょうか。

行動規範の内容に同意します

回答1件

ベストアンサー

.cartjs_box が .output にあるのであれば、$('.cartjs_box').ready(function(){}); は不要です。それとも .cartjs_box は別途読み込みを待つ必要がある要素なのでしょうか。

投稿2016/12/22 02:43

kei344

総合スコア69407

yuki_90453

2016/12/22 02:58

回答頂きありがとうございます。.cartjs_boxはappendで追加される要素の中にある物になります。下記のように追加された要素が完全に読み込まれてから次の動作に移りたいのですが、上手く行きません。 $('.output').append(html); html.ready(function(){});