2015-08-18 1 views
4

Попытка получить очень простой сайт начальной загрузки и запуск JS/jQuery для выпадающих меню, похоже, не работает.Bootstrap JS не работает с Middleman

Gemfile

#default stuff... 
gem "sass" 
gem "bootstrap-sass","~> 3.3.5", :require => false 

раскладка

<!-- ... --> 
<%= javascript_include_tag "all" %> 
<!-- ... --> 

all.js

//=require_tree . 

Тогда HTML, это скопировать и вставить из начальной загрузки по умолчанию Nav Bar в: http://getbootstrap.com/components/#navbar

Работа CSS, и панель навигации правильно сворачивается на значок гамбургера, но нажатие любой метки привязки приводит к нулевым изменениям на странице. Я пробовал использовать jQuery и загрузочный материал по-разному в all.js, Gemfile и layout.erb без каких-либо успехов. Какая самая простая вещь, которую я пропустил здесь?

Большое спасибо за помощь!

ответ

3

Впервые я использовал поиск в Yahoo и нашел лучшие результаты, чем Google. Я нашел a blogger who had the answer спасибо доброте!

Gemfile

gem "bootstrap-sass", "~> 3.3.5", :require => false 
gem "jquery-middleman" #Don't forget to run 'bundle install' 

all.css.scss

@import "bootstrap-sprockets"; 
@import "bootstrap"; 

all.js

//= require jquery 
//= require bootstrap-sprockets 
//= require tree . 

'требуют дерева. работает, но вызвал проблемы для меня в предыдущем проекте Rails. Иногда jQuery можно включить дважды, поэтому, когда вы нажимаете раскрывающийся список, он открывается и закрывается быстрее, чем вы можете видеть, и вы думаете, что он вообще не работает. Кажется, он работает, но просто будьте осторожны.

Счастливое кодирование!

 Смежные вопросы

  • Нет связанных вопросов^_^