javascript - Jquery UI を使用してすべてのブートストラップ モーダルをドラッグ可能にする

Question

Bootstrap のモーダルをドラッグ可能にすることに関する投稿を読みました。

$(this).draggable({
    handle: ".modal-header"
});

ページ上でダイアログが作成される場所。

問題は、システム全体に多くのダイアログがあり、すべてのダイアログ インスタンスを見つけてそのコード スニペットにドロップすることなく、それらをすべてドラッグ可能にしたいことです。

デフォルトですべてのダイアログをドラッグ可能にする方法はありますか?

私が試してみました：

$('.modal').on('show', function(){
  $(this).draggable({
      handle: ".modal-header"
    });
})

私のグローバルスクリプトでは、何もしません。