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

Я загрузил barebone-пример загрузочного буфера Twitter и настроил его. Я тестировал его локально (с WAMP-сервером), и все работает отлично, как CSS, так и JScript.

Я загрузил файлы в свою службу веб-хостинга, и JScript просто не работает. Я заметил это, потому что выпадающие окна перестали работать.

Я искал и нашел других людей с той же проблемой, но все они используют рубин, а я нет. Просто игра CSS + JScript, обеспечиваемая загрузкой. Кроме того, они сказали, что решение должно включать сначала bootstrap.js, а затем jquery.js. Ну, я попробовал, и это не сработало, я даже включил неминифицированные .js, и все равно это не сработало.

Я использую тот же браузер (Chrome) для локального и удаленного тестирования. Я также пробовал разные услуги хостинга, и проблема возникла в обоих.

Помощь очень ценится.


Другие похожие вопросы:

Ответы

Ответ 1

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

Ответ 2

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

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

Ответ 3

У меня была та же проблема. В IE сайт работал на localhost, но не на том месте, где он размещен на другом сервере. Добавлен следующий метатег.

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

Ответ 4

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

Наконец, вкладки начали работать, когда я добавил все JS-ссылки (кроме Modernizr в нижний колонтитул вместо заголовка.

Ответ 5

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

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

Ответ 6

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

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

Ответ 7

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

Ответ 8

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

Ответ 9

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

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

Ответ 10

Устраните ошибки PHP и Javascript, предупреждения или уведомления, вызванные вашим кодом локально. Они могут быть скрыты в среде, в которой вы загружаете свой код (возможно, установлен для производства). Может не вызывать ошибку выполнения JavaScript или JQuery локально, но может произойти, когда вы загружаете свой код на сервер/поставщика услуг.

Предупреждения и уведомления могут быть скрытыми, но они вызывают нежелательные эффекты во время jqery, в некоторых случаях выполняется javascript.

Возможно, вам придется объявить переменные со значениями "", если вы передадите их в функцию JavaScript или Ajax с именем PHP..так что тогда они не будут сбрасывать предупреждение или уведомление.

Вы можете локально проверять свои предупреждения PHP и уведомления при настройке php.ini для их отображения (если они не отображались).

Нажмите F12 и найдите вкладку консоли для ошибок JavaScript.