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.