JavaScript Bootstrap работает локально, но не при развертывании на сервере

Проблема может заключаться в том, что вы загружаете boostrap.js перед jQuery. Локально ваш браузер может использовать кешированную копию Jquery, поэтому он работает там, но не на вашем активном сайте. Попробуйте исправить это, поменяв местами эти две строки в коде:

<script src="/code4pt/styles/js/bootstrap.js"></script>
<script src="/code4pt/styles/js/jquery.js"></script>

Я знаю, что это очень странно, но я думаю, что нашел решение. Раньше я использовал (прилагается) минимизированную версию jQuery 1.7.2. Теперь я изменил его, чтобы использовать не минифицированный jQuery 1.8.0. Это только начало работать... Еще я сделал, чтобы преобразовать кодировку всех файлов в UTF8 (я думаю, что это была настоящая проблема/решение)

У меня такая же проблема. В IE сайт работал на локальном хосте, но не на другом сервере. Добавление следующего метатега исправило это.

<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

У меня была точно такая же проблема, поэтому я с облегчением нашел этот пост и другие подобные ему. Мое решение было аналогичным. Я рвал на себе волосы полдня, пробуя разные вещи. Выгуливал собаку. Выпил полдюжины бутылок пива. Спал на нем. Позавтракал. Перекопировал таблицы стилей вверху и js снизу с локального html на серверный php, а потом по какой-то неизвестной причине снова заработало. Единственные моменты, которые кажутся полезными для других, проходящих то же самое:

• Попробуйте вернуться к рабочему сценарию - в моем случае index.html работал на сервере, но не index.php. Ключевым моментом было получить их точно такими же.
• Попробуйте в разных браузерах на всякий случай, если происходит что-то странное.
• Убедитесь, что вы продолжаете очищать кеш браузера (например, щелкните правой кнопкой мыши кнопку перезагрузки в Chrome и выберите «Очистить кеш и выполнить жесткую перезагрузку»).
• Проверьте свои версии bootstrap css и js. Меняйте их вперед и назад в версии, пока не добьетесь успеха. Скорее всего, версия, поставляемая с загрузкой темы начальной загрузки, скорее всего, будет работать.

У меня были похожие проблемы раньше. Функция вкладок отлично работала на моем HTML-сайте, но не работала при кодировании в теме Wordpress. Все исходные URL-адреса генерировались динамически с помощью Wordpress.

Вкладки, наконец, заработали, когда я добавил все ссылки JS (кроме Modernizr) в нижний колонтитул, а не в верхний колонтитул.

Назад к основам: если для параметра Debug установлено значение true на локальном компьютере и значение false в среде развертывания, как и должно быть, убедитесь, что ваши файлы .min.js не переопределяют настройки, которые вы внесли в неминифицированные версии файлов .js. (относится и к .css).

Вы также можете отключить отладку на локальном компьютере, и вы должны увидеть те же проблемы.

Поздно на вечеринку, но я узнал, что моя проблема заключалась в том, что Bootstrap.js не выдвигался во время развертывания.

В дополнение к очень полезным предложениям @dialex и @Darrell, я добавлю, что если ничего из этого не работает, вы можете просмотреть любой код, на который вы можете ссылаться, т.е. через require ('page.php'); для дубликатов. Повторяющиеся ссылки .js, как правило, вызывают эти проблемы.

Я столкнулся с этим на сайте, который я создал и загрузил на Amazon S3. Работал нормально на моем локальном компьютере и даже на моем локальном сервере, но не работал при обслуживании с Amazon. Консоль в Firefox (но не в Chrome) показала, что не удалось загрузить bootstrap.min.css (и др.), потому что их тип MIME не был text/css.

Мне пришлось использовать консоль S3, чтобы принудительно изменить их типы на text/css, очистить кеши и перезагрузить. Вуаля!

Я использую Codeigniter. Я решаю эти проблемы, изменяя свой base_url в config.php.

Предыдущий:

$config['base_url'] = 'http://localhost/public_html';

Изменения на:

$config['base_url'] = 'http://(my intranet server ip adress)/public_html';