Ответ 1

Все, что вам нужно сделать, это просто проверить, доступен ли метод, специфичный для Bootstrap. Я буду использовать модальный в этом примере (работает для Bootstrap 2-4):

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

Это не на 100% надежно, очевидно, поскольку модальная функция может быть предоставлена другим плагином, но, тем не менее, она сделает свою работу...

Вы также можете проверить загрузку 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 уже был загружен.

Ответ 2

Я бы предпочел проверить конкретный плагин bootstrap, поскольку модальные или всплывающие подсказки очень распространены, поэтому

if(typeof($.fn.popover) != 'undefined'){
 // your stuff here
}

или

 if (typeof $.fn.popover == 'function') { 
   // your stuff here
  }

работает в обеих версиях начальной загрузки

Ответ 3

if (typeof([?])=='undefined') { /*bootstrap is not loaded */}

где [?] будет любым объектом или пространством имен, которое определено внутри самого файла JS.

Понятие "в том числе" не существует в javascript.

Ответ 4

См. https://github.com/netdna/bootstrap-cdn/issues/111#issuecomment-14467221

<script type="text/javascript">
    // <![CDATA[
    (function($){

        function verifyStyle(selector) {//http://stackoverflow.com/a/983817/579646
            var rules;
            var haveRule = false;

            if (typeof document.styleSheets != "undefined") {   //is this supported
                var cssSheets = document.styleSheets;

                outerloop:
                for (var i = 0; i < cssSheets.length; i++) {

                     //using IE or FireFox/Standards Compliant
                    rules =  (typeof cssSheets[i].cssRules != "undefined") ? cssSheets[i].cssRules : cssSheets[i].rules;

                     for (var j = 0; j < rules.length; j++) {
                         if (rules[j].selectorText == selector) {
                                 haveRule = true;
                                break outerloop;
                         }
                    }//innerloop

                }//outer loop
            }//endif

            return haveRule;
        }//eof

        <!-- BOOTSTRAP JS WITH LOCAL FALLBACK-->
        if(typeof($.fn.modal) === 'undefined') {document.write('<script src="<?=$path_js?>/bootstrap.min.js"><\/script>')}

        <!-- BOOTSTRAP CDN FALLBACK CSS-->
        $(document).ready(function() {

            if( verifyStyle('form-inline') )
            {
                $("head").prepend("<link rel='stylesheet' href='<?=$path_css?>bootstrap.min.css' type='text/css' media='screen'>");
            }
            else
            {
                //alert('bootstrap already loaded');
            }
        });
    })(jQuery);
    // ]]>
    </script>

совместим с безопасным режимом jQuery,

Проверка css может потребоваться, если вы используете пользовательский css

Ответ 5

AFAIK, короткий ответ

Невозможно определить, загружена ли загрузочная загрузочная лента

Подробнее

Twitter bootstrap - это по существу css и набор js-плагинов для jquery. Названия плагинов являются универсальными, например $.fn.button, а также множество подключаемых модулей, которые можно настроить. Наличие плагина только по имени не помогло бы установить, что загрузочный файл присутствует.

Ответ 6

Вы можете получить элементы <script> и проверить свой атрибут src, но, как вы указали, то, что вы ищете, это сам код, а не имя файла, поскольку код может быть в любом файле.

Лучший способ определить, есть ли служба/класс JavaScript/etc. загружается на страницу, это поиск чего-то в DOM, который, как вы знаете, загружается данным JS.

например. чтобы определить, загружен ли jQuery, вы можете сделать null !== window.jQuery или узнать версию загруженного jQuery, jQuery.prototype.jquery

Ответ 7

Я считаю, что это самый простой способ сделать это. Что касается css, я не уверен, что есть простой способ сделать это.

<script>typeof Alert !== 'undefined' || document.write('<script src="/js/bootstrap/bootstrap.min.js">\x3C/script>')</script>

Ответ 8

Добавьте загрузочную ссылку и обратите внимание на изменение в теге h1.

Ответ 9

Если вы наберете это в консоли, он выведет версию jQuery: console.log(jQuery().jquery);