1. ホーム
  2. javascript

[解決済み] Twitterのブートストラップがロードされているかどうかを確認するには?

2023-02-21 13:26:19

質問

があるかどうかを調べるにはどうしたらよいでしょうか。 bootstrap.js ファイルがページに読み込まれているかどうかを調べるには ( bootstrap.js ファイル自体が別の大きな JS ファイルにコンパイル/縮小されるかもしれません)?

どのように解決するのですか?

必要なことは、Bootstrap固有のメソッドが利用可能かどうかを確認するだけです。この例では、modalを使用します(Bootstrap 2-4で動作します)。

// Will be true if bootstrap is loaded, false otherwise
var bootstrap_enabled = (typeof $().modal == 'function');

モーダル機能は別のプラグインで提供できるため、100%信頼できるわけではありませんが、それでも仕事はできます...。

Bootstrap 3-4でも確認できます(3.1+で動作します)。

// Will be true if Bootstrap 3-4 is loaded, false if Bootstrap 2 or no Bootstrap
var bootstrap_enabled = (typeof $().emulateTransitionEnd == 'function');

なお、これらのチェックはすべて jQueryがすでにロードされている .