jQuery実行のタイミングを調整する方法

Question

###質問概要
次の【１】【２】のjQueryを使うと、要素がかぶって表示されてしまい困っています。

###利用jQuery
【１】WordPressプラグイン「Shortcodes by Angie Makes」
→ウィジェットにスライダーを実装するため。

参考：https://bloglife.info/shortcodes-by-angie-makes/#keni_toc_22

【２】ライブラリ「isotope.js」
→スライダーと、あと画像などを可変的に配置するため。

参考：https://qiita.com/hththt/items/637320a29f2f37153563

この２つの実行タイミングのせいで、スライダーと画像がかぶって表示されてしまうのが問題です。

（「isotope.js」は要素を可変的にするためposition:absolute;で出力してくるので、要素がかぶってしまうのです。）

###試したこと
次にようにして「isotope.js」の実行を１０秒遅らせると、スライダーが表示されてから、可変機能がスタートするので、要素がかぶることはありませんでした。

$(function(){
  setTimeout(function(){	
	var $container = $('.grid');
	$container.isotope({
	  itemSelector: '.item',
	});
  },10000);	
});

このように「１０秒遅らせる」という方法ではなく、もっとうまいこと解決する方法はございませんでしょうか？
よろしくお願いいたします。

Answer 1

きちんとした非同期ライブラリなら、$.whenで処理をまって実行するとよいかもしれません
もし非同期が制御できない場合は$.deferredを利用する必要があるかもしれません