少し遅れて読み込まれるHTMLに対して確実にJSを実行する方法

現在ECサイトを構築中なのです。
あるプラグインを導入したのですが、これはページ全体が表示されて1秒後くらいに表示するようになっており、
普通にjQueryでDOM操作を実行したのですがうまくいかなったので下記のコードを入れたところ実行されるようになりました。

jQyery
1$(window).on('load', function() {
2 setTimeout(
3     var $pluginHTML = $('.plugin ul');
4     $pluginHTML.css('fontColor','red');
5, 2000);
6});

ただ、回線速度がたまに遅くなった際に実行できない場合があるので
確実に実行させるにはどのようにコーディングしたらよいでしょうか？

よろしくお願いいたします。

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

回答3件

ベストアンサー

通常は「少し遅れて読み込まれる処理」にコールバック関数を指定して、完了後のタイミングで実行させます。
大抵は、該当APIにその為の手段が用意されています。

Re: balls さん

投稿2018/04/28 04:17

think49

総合スコア18164

balls

2018/04/28 17:30

ありがとうございます。調べたところ何とか実行終了後に実行されるコールバック関数を見つけました。本件解決です。大変ありがとうございました！

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

「あるプラグインを導入」
こちらのほうに本当の解決方法があるような気がします。
親切な非同期プラグインなら、完了後に関数を渡すことができるように設計されてるのではないでしょうか。

投稿2018/04/28 10:00

vapordog

総合スコア192

balls

2018/04/28 17:31

think49さんをベストアンサーとさせていただきましたが、ご回答大変ありがとうございました。大変参考になりました。

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

試してないですが。

js
1$(window).on('load', function () {
2  function retry() {
3    var $pluginHTML = $('.plugin ul');
4    if (!$pluginHTML.length) return setTimeout(retry, 2000);
5    $pluginHTML.css('fontColor','red');
6  }
7  retry();
8});