Я новичок в Rails (использую Rails 5.1.7 на ruby 2.5.3-p105), у меня возникли некоторые проблемы при установке шаблона для работы на моей целевой странице.Я использую bootstrap 4
и jQuery 3
.
(это шаблон https://startbootstrap.com/themes/agency/)
Кажется, что jQuery загружается после всехкак-то загружаются другие скрипты.
Я пытался поставить jquery
для загрузки раньше, чем bootstrap
, но безрезультатно. Попытался изменить ордера и на turbo_links.
assets/javascripts/application.js
выглядит следующим образом
//base
//= require jquery3
//= require jquery_ujs
//= require rails-ujs
//= require turbolinks
//
//template
//= require popper
//= require bootstrap
//
//vendors
//= require jquery-easing/jquery.easing
//
//assets
//= require template/agency
//= require template/contact_me
//= require template/jqBootstrapValidation
Нужно ли ставить javascript_include_tag в application.html.erb
для jQuery
и bootstrap
? Или достаточно просто драгоценных камней? Может ли это быть причиной?
Я надеялсячтобы шаблон работал точно так же, как он работает автономно. Может кто-то пролить свет?
Большое вам спасибо!
Редактировать: строка, которая выдает ошибку,
// Collapse Navbar
var navbarCollapse = function() {
if ($("#mainNav").offset().top > 100) {
$("#mainNav").addClass("navbar-shrink");
} else {
$("#mainNav").removeClass("navbar-shrink");
}
};
// Collapse now if page is not at top
navbarCollapse();
// Collapse the navbar when page is scrolled
$(window).scroll(navbarCollapse);
Но это не должно иметь значения, потому что дело в том, что jQuery не загружается