Насколько я понимаю, любой файл js в папке assets / javascripts загружается, если в файле application.js присутствует /= require_tree
. Однако я не могу заставить работать мой код JS. Я положил его в assets/javascripts/locations.js
, и он не работает. Когда я поместил его в тег script
в моем файле application.html.erb
, он отлично работал с другой стороны. Есть идеи, чего мне не хватать? Ходовые рельсы 5.2. Код JS ниже.
locations.js
var locations = ["coordinatesStore"]
.map(id => document.getElementById(id));
Array.prototype.forEach.call(
document.querySelectorAll('.add-button'),
(button, i) => {
button.addEventListener('click', () => getLocation(i));
}
);
function getLocation(i) {
var location = locations[i];
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(({ coords: { latitude, longitude }}) => {
location.value = latitude + ", " + longitude;
});
} else {
location.value = "Geolocation is not supported by this browser.";
}
}
У меня есть этот тег в моем application.html.erb
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>