Javascript Bootstrap работает локально, но не при развертывании на сервере
Я загрузил пример barebone bootstrap Twitter и настроил его. Я тестировал его локально (с сервером WAMP), и все работает отлично, как CSS, так и JScript.
Я загрузил файлы в свою службу веб-хостинга, и JScript просто не работает. Я заметил это, потому что выпадающие окна перестали работать.
Я искал и нашел других людей с той же проблемой, но все они используют ruby, а я нет. Просто игра CSS+JScript, предоставляемая загрузчик. Кроме того, они сказали, что решение должно включать бутстрэп.на JS и на jQuery.js. Ну я попробовал и это не работает, я даже не сокращен .js, и все же это не сработало.
Я использую тот же браузер (Chrome) для локального и удаленного тестирования. Я также пробовал разные услуги хостинга, и проблема возникла в обоих.
помощь очень ценится.
другое похожие вопросы:
9 ответов
проблема может заключаться в том, что вы загружаете boostrap.js перед jQuery. Локально Ваш браузер может использовать кэшированную копию jQuery, поэтому он работает там, но не на вашем сайте. Попробуйте исправить это, переключив эти две строки в коде:
<script src="/code4pt/styles/js/bootstrap.js"></script>
<script src="/code4pt/styles/js/jquery.js"></script>
Я знаю, что это очень странно, но я думаю, я нашел решение. Ранее я использовал (поставляемый) jQuery 1.7.2 minified. Теперь я изменил его, чтобы использовать jQuery 1.8.0 не minified. Это только начало работать... Еще одна вещь, которую я сделал, это конвертировать все файлы'кодирование к UTF8 (я думаю, что это была реальная проблема/решение)
У меня была та же проблема. В IE сайт работал на localhost, но не при размещении на другом сервере. Добавление следующего тега meta исправило его.
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
У меня были проблемы с симуляцией раньше. Функция вкладок отлично работала на моем HTML-сайте, но не работала при кодировании в тему Wordpress. Все исходные URL-адреса создавались динамически с помощью Wordpress .
вкладки, наконец, начали работать, когда я добавил Все ссылки JS (за исключением Modernizr в нижний колонтитул вместо заголовка.
назад к основам: если Debug имеет значение true на локальном компьютере и false в среде развертывания, как и должно быть, убедитесь, что ваш .минута.JS файлы не переопределяя настройки не минифицированные версии .JS файлы (применяется для .css также).
вы также можете отключить отладку на локальном компьютере, и вы должны увидеть те же проблемы.
У меня была точно такая же проблема, поэтому я был рад найти этот пост и другие подобные ему. Мое решение было таким же. Я полдня рвала на себе волосы, пробуя разные вещи. Выгуливал собаку. Выпил полдюжины пива. Спать на ней. Позавтракать. Переписал таблицы стилей сверху, а js снизу с локального html на сервер php, а затем по какой-то неизвестной причине снова начал работать. Единственные пункты которые кажутся полезными для других идя через же:
- попробуйте вернуться к рабочему сценарию - в моем случае индекс.html работал на сервере, но не на индексе.РНР. Получение этих точно таких же было ключевым.
- попробуйте в разных браузерах на случай, если что-то странное происходит.
- убедитесь, что вы продолжаете очищать кэш браузера (например, щелкните правой кнопкой мыши на кнопке перезагрузки в Chrome и выберите "пустой кэш и жесткая перезагрузка")
- Проверьте ваши загрузочные версии css и js. Менять их вперед и назад в версии, пока вы не получите успех. Скорее всего, версия, которая пришла с загрузкой темы bootstrap, скорее всего, будет работать.
в дополнение к очень полезным предложениям @dialex и @Darrell , я добавлю, что если ничего из этого не работает, вы можете просмотреть любой код, на который вы можете ссылаться, т. е. via require ('page.php');
, дубликатов. Дублированный. ссылки js, как правило, вызывают эти проблемы.
Я столкнулся с этим на сайте, который я построил и загрузил в Amazon S3. Отлично работал на моей локальной машине и даже на моем локальном сервере, но не работал, когда служил от Amazon. Консоль в Firefox (но не Chrome) показала, что она не загружает bootstrap.минута.css (et. al), потому что их тип MIME не был text/css.
Мне пришлось использовать консоль S3, чтобы заставить изменить их типы на text / css, очистить кэши и перезагрузить. Вуаля!
поздно на вечеринку, но я узнал, что моя проблема была в том, что Bootstrap.js не был вытеснен во время развертывания.