如何检查Twitter Bootstrap是否已加载？

Bootstrap是一个非常有用的框架，Twitter提供了该框架以使它成为完全响应的网站。它提供了预定义的CSS类，通常可以直接使用它们而无需对其进行任何更改。要将Bootstrap加载到您的网站中，请阅读本文“简介和安装” 。

了解为什么我们需要检查Bootstrap是否已通过CDN加载非常重要。如果将来某个时候CDN出现问题，那么通过实施此功能，您的网站将可以使用本地版本的Bootstrap。拥有CDN之类的优点有很多，例如，缓存内容可提高网站性能，因此不应将其从您的网站中完全删除。为了检查Bootstrap是否已加载，我们将使用jQuery和模式(由Bootstrap提供)。在开始之前，重要的是要了解模态。模态是可以覆盖文档的元素。对话框是模态的一个例子。激活模式元素后，窗口的其余部分将处于非活动状态。我们可以检查特定于Bootstrap的方法是否可用。

句法：

var bootstrap = (typeof $()."Bootstrap-specific method" == 'function');

示例：在本示例中，我们将检查bootstrap-modal。如果引导程序已加载，则将定义模态。如果未定义模式，那么我们将成功退回到本地版本的引导程序。此示例将说明如何使用jQuery和模态验证引导程序是否已加载。

• 程序：

    
  
      
          Check twitter Bootstrap is loaded or not
      
      
      
      
    
      
      
    
      
      
    
      
      
    
      
          .disabled {
              pointer-events: auto !important;
          }
      
  
    
  
      
          GeeksforGeeks
          A Computer Science Portal for Geeks
      
      
      if (!$.fn.modal) {
          alert('CDN Bootstrap is not working');
          
          // Replace your_path with path where
          // local bootstrap is stored
          document.write('<script src=
  "Your_path_locall_one/bootstrap.min.js"></scr+ipt>');
          document.write('<link href=
  "Your_path_locall_one/bootstrap.min.css" rel="stylesheet">')
      } else {
          alert('CDN Bootstrap is loaded');
      }
      
  
    
    

• 输出：
  

注意：引导程序指定的方法可以是任何模式的弹出式窗口，您需要仔细检查它。