javascript - rails 5 : Javascript not loading

标签 javascript ruby-on-rails ruby

我的 app/assets/javascripts/geolocation.js 中有一些未加载的 javascript。检查控制台的结果绝对没有发生任何事情。你知道我可能做错了什么吗?

这就是我正在尝试的:

地理定位.js

var x = document.getElementById("demo");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude +
        "<br>Longitude: " + position.coords.longitude;
}

app/views/search/search.html.erb

<button onclick="getLocation()">Try It</button>

<p id="demo"></p>

<% content_for :javascript_includes do %>
   <%= javascript_include_tag "geolocation.js" %>
<% end %>

application.html.erb

<%= javascript_include_tag 'application', "data-turbolinks-track" => true %>

application.js

//= require rails-ujs
//=require jquery
//=require jquery_ujs
//=require jquery.turbolinks
//=require turbolinks-compatibility
//=require turbolinks
//= require underscore
//= require gmaps/google
//= require_tree .

最佳答案

如果 JavaScript 文件位于 Rails 3.x 的任何 Assets 文件夹(assetsvendorbundle)中,您可以通过添加以下内容将脚本添加到您的 html.erb 文件中:

<%= javascript_include_tag('test.js') %>

关于javascript - rails 5 : Javascript not loading,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46266375/

相关文章:

ruby - Ruby Amazon S3 SDK 是否使用 SSLv3?

javascript - 测试 React Modal 组件

javascript - axios 在状态 200 上返回错误

javascript - 是否有必要减少 phonegap 应用程序对本地资源的请求?

ruby-on-rails - 虚拟模型和form_for(或formtastic)

ruby on Rails 的 mysql 错误消息

ruby-on-rails - 如何在 Ruby on Rails 中生成 API Key 和 Secret?

ruby-on-rails - Rails schema.rb 中 sqlite_sp_functions 的用途是什么?

当单元格/字段包含前导双引号时,Ruby 不会解析 CSV

javascript - 尝试动态创建一个 div 并将其居中