У меня проблема с JQuery и Javascript. Я создавал приложение, используя github для работы над ним между работой и дома. На работе все работает отлично, все мои JQuery работают. Когда я вытаскиваю приложение дома, jquery и javascript не отвечают. Это включает в себя javascript, который я использую из начальной загрузки.
Консоль javascript браузеров показывает некоторые ошибки, которые, как представляется, являются корнем проблемы, но я не уверен, как их исправить.
В моем макете приложения это:
<head>
<link href="/bootstrap.min.css" rel="stylesheet" media="screen">
<title>Website</title>
<%= javascript_include_tag "application" %>
<%= stylesheet_link_tag "application", media: "all" %>
<%= csrf_meta_tags %>
</head>
...
<body>
...
<script src="/bootstrap.min.js"></script>
</body>
и мое приложение application.js имеет следующее:
//= require jquery
//= require jquery_ujs
//= require_tree .
//= require bootstrap.min.js
Что еще я должен проверить или попытаться изменить?
Моя консоль javascript браузера также вызывает некоторые ошибки:
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/requests//bootstrap.min.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/requests/bootstrap.min.js
запросы - одна из моих моделей. В зависимости от того, с каким mvc я сейчас работаю, он будет искать ресурсы в этих папках. Например, когда я пытаюсь использовать javascript, который в моем представлении "ecn", я получаю следующие ошибки:
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/ecns//bootstrap.min.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/ecns/bootstrap.min.js
Почему рельсы будут пытаться искать активы в любой папке, кроме папки с ресурсами?
Сначала вы должны удалить строку <script src="/bootstrap.min.js"></script>
в макете приложения, потому что в вашем application.js
уже есть bootstrap.min.js
(именно эта строка: //= require bootstrap.min.js
), поэтому не нужно включать его дважды, то же самое для этой строки <link href="/bootstrap.min.css" rel="stylesheet" media="screen">
вы должны удалить Это.
Вторая вещь - ошибки, которые вы получаете с консоли:
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/requests//bootstrap.min.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/requests/bootstrap.min.js
кажется, что ваше приложение пытается загрузить bootstrap.min.js
и bootstrap.min.css
из папки с именем requests/js
и requests/css
, у вас уже есть такие папки? Я думаю, что бутстрап-генератор будет использовать каталог /app/assets
если вы используете Rails> = 3 точно app/assets/javascripts/
и app/assets/stylesheets/
Я думаю, что этот railscast Twitter Bootstrap Basics может помочь вам