Question

任何人都知道如何使用它？
我试过但仍然失败并在我的源控制台中我得到此错误
未捕获的ReferenceError：谷歌未定义

我把jquery.ui.addresspicker.js放在我的vendor / assets / javascripts文件夹中这是我的的application.js

//= require jquery
//= require jquery_ujs
//= require jquery-ui/datepicker 
//= require bootstrap
//= require turbolinks
//= require underscore
//= require gmaps/google
//= require jquery.ui.addresspicker
//= require_tree .

我在application.html.slim

中添加了googlemaps

head
  = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true
  = javascript_include_tag 'application', 'data-turbolinks-track' => true
  script src="//maps.google.com/maps/api/js?sensor=false" type="text/javascript"

我找到了宝石，但它不支持导轨4 https://github.com/ddidier/address_picker-rails

这里有类似的问题，但问题仍然没有告诉我如何使用jquery-adresspicker How to use jquery-addresspicker jquery with rails 3.1

更新我尝试在application.html.slim中更改脚本的顺序并首先放置googlemaps脚本现在我收到了这个错误

未捕获的TypeError：$ .widget不是函数

Answer 1

我通过使用bower-rails使其工作 https://github.com/rharriso/bower-rails/

通过bower-rails安装后将所需的js调用到rails资产管道（application.js）
我的application.js

...
//= require typeahead.js/dist/bloodhound.js
//= require typeahead.js/dist/typeahead.jquery.js
//= require typeahead-addresspicker/dist/typeahead-addresspicker.js
//= require_tree .

其余的就像你在普通的html文件中实现它一样

如果您关注readme.md中的示例代码并且未显示地图，请不要忘记将其添加到您的css文件中我把它放在我的Model.scss文件中

#map {
  float:right;
  width: 490px;
  height: 500px;
  border: 1px solid #DDD;
}

Answer 2

此JS库还有另一个gem：typeahead-addresspicker-rails。根据rubygem规范，它看起来像支持Rails 4。

如何在rails 4.2.1中使用jquery-addresspicker

2 个答案: