remodal.js で .remodal().open()すると モーダルは開くが背景(remodal-overley)が消える(display:noneになる)

Question

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

早速本題に入らせていただきます。
remodal.js を使用した際の挙動で解決できない問題がでてきました。

本日の悩んでいるコード（一部）は以下となります。

//データ一覧モーダル(list_modal)の削除ボタン押下時の処理
$('.delete').on('click',function(){
    if($('#yes').prop('checked')){
        //削除ボタンが押された場合はAJAXで削除処理
        var id = $(this).attr('data-id');
        var postData = {'id': id};
        pushDataAjax('delete', postData, function(result) {
            $.when(
                alert('削除しました'),
                //データ一覧モーダルを再度開く（モーダルは開くがなぜかオーバーレイが消える）
                $("[data-remodal-id=list_modal]").remodal().open()
            ).done(function(){
                setTimeout(function(){
                    $('td[data-id=' + id + ']').parent().remove();
                }, 300);
            });
        });
    }
});

図解すると下記画像のような動きとなります。

１．データ一覧が表示されているモーダルを表示する

２．削除ボタンを押すと削除確認モーダルを表示する
![

３．Ajaxで削除処理が走り、再度最初に表示したデータ一覧モーダルを表示する
※ この時オーバーレイ（背景色）が表示されていてほしいが、オーバーレイが一瞬？表示され消えてしまう。

---

なぜ再表示時にモーダルの背景色が消えてしまうのか全く原因がわからず詰んでおります・・・。

一瞬背景色が表示され、その後 hide()されてしまっているように見えるので、何かJSが悪さをしているような気がするのですが・・・

remodal.jsを使用していて似たような不具合にぶつかった方などいらっしゃいましたら
ご助力いただけますと幸いです。

Answer 1

すみません自己解決しました！！！

質問を記入して図解のためにモーダル図をかいていたところで、

「あれ・・・・？これもしかして１個前のモーダル非表示処理が被ってるんじゃない・・・！？

っていうよくあるJSの順番問題だということに気が付きました。

というわけで、モーダル再表示部分を以下のように記述したところ、問題なくオーバーレイが表示されました。

//１個前のモーダル非表示処理から少し遅らせて表示させるために 0.3秒待つ
setTimeout(function(){
      $("[data-remodal-id=list_modal]").remodal().open()
}, 300);

同じようにremodal.jsで困っている方は順番を気をつけてみてください