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

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

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

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

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

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

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

15
css-frameworks javascript jquery twitter-bootstrap web-deployment

9 ответов

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

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

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

3

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

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

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

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

1

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

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

1

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

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

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

0

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

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

0

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

0