Jquery My address picker for Rails(address_picker-Rails)与第一个输入一起工作,但与第二个输入不一起工作?

Jquery My address picker for Rails(address_picker-Rails)与第一个输入一起工作,但与第二个输入不一起工作?,jquery,ruby-on-rails,jquery-ui,geolocation,Jquery,Ruby On Rails,Jquery Ui,Geolocation,我使用的是address_picker-rails gem,它对于第一个输入非常有效,但由于某些原因,第二个输入不起作用。我已经经历了一百万次了。有什么想法吗 Jquery的新表单代码如下所示: <%= form_for(@post) do |f| %> <% if @post.errors.any? %> <div id="error_explanation"> <h2><%= pluralize(@post.errors.

我使用的是address_picker-rails gem,它对于第一个输入非常有效,但由于某些原因,第二个输入不起作用。我已经经历了一百万次了。有什么想法吗

Jquery的新表单代码如下所示:

  <%= form_for(@post) do |f| %>
  <% if @post.errors.any? %>
  <div id="error_explanation">
  <h2><%= pluralize(@post.errors.count, "error") %> prohibited this post from being      
   saved:</h2>

  <ul>
  <% @post.errors.full_messages.each do |msg| %>
    <li><%= msg %></li>
  <% end %>
  </ul>
 </div>
 <% end %>
<fieldset>
 <div class="field">
  <%= f.label :from %><br />
 <%= f.text_field :from, :class => 'address-picker-input' %>
</div>
 </fieldset>
<fieldset>
<div class="field">
 <%= f.label :to %><br />
 <%= f.text_field :to, :class => 'address-picker-input' %>

</div>
</fieldset>

<script type="text/javascript">

    //AddressPickerRails.Pickers.applyOnReady({
    //    'onLoad':function (railsPicker) {
    //        console.debug("callback for a single post with ID '%s'",   
           railsPicker.getIdPrefix());
    //    }
    //});

    AddressPickerRails.Pickers.apply({
        'onLoad':function (railsPicker) {
            console.debug("callback for a single post with ID '%s'", 
             railsPicker.getIdPrefix());
        }
    });
</script>


 <div class="actions">
 <%= f.submit %>
 </div>
 <% end %>

禁止发布此帖子
保存的:

'地址选择器输入'%>
'地址选择器输入'%> //地址pickerrals.Pickers.applyOnReady({ //“onLoad”:函数(railsPicker){ //调试(“ID为“%s”的单个post的回调, getIdPrefix()); // } //}); 地址pickerrals.Pickers.apply({ “onLoad”:函数(railsPicker){ 调试(“ID为“%s”的单个post的回调, getIdPrefix()); } });
HTML代码:

<div class="field">
<label for="post_to">To</label><br>
<input class="address-picker-input ui-autocomplete-input" id="post_to" name="post[to]"   
size="30" type="text" autocomplete="off"><span role="status" aria-live="polite"   
class="ui-helper-hidden-accessible">19 results are available, use up and down arrow 
keys to navigate.</span>
</div>


<div class="field">
<label for="post_from">From</label><br>
<input class="address-picker-input" id="from_field" name="post[from]" size="30" 
type="text">
</div>

19结果可用,请使用向上和向下箭头 导航键。 从

有什么想法吗?

检查dom并确保这两个字段具有不同的dom ID。另外,您是否在控制台中看到任何javascript错误或调试输出

更新: 要显式设置id(以保证唯一性),而不是让rails猜测,请执行以下操作:

<%= f.text_field :from, :class => 'address-picker-input', :id => 'from_field' %>
“地址选择器输入”,来自_字段“%”的:id=>

您需要为每个地址字段添加映射元素:

<div id="post_to_map_wrapper" class="address-picker-map-wrapper">
  <div id="post_to_map" class="address-picker-map"></div>
</div>

<div id="post_from_map_wrapper" class="address-picker-map-wrapper">
  <div id="post_from_map" class="address-picker-map"></div>
</div>


新的0.3.0版本修复了这个问题

调试控制台中没有错误。不知道如何更改dom?当我说dom ID时,我只是在谈论HTML源代码中的输入ID属性。只需使用“查看源代码”、firebug或其他任何工具来检查生成的HTML。如果输入具有相同的id,这可能会导致这种情况。我想是的,并检查了它,是的,它们具有相同的id。试图修复它。它确实适用于具有相同IP的Gem builder和他的演示应用程序,所以不要认为这是问题=>地址\u picker-rails-demo/app/assets/stylesheets/scaffolds.css.scss=>我现在放弃!嗨,如果你能这么好的话。这是ID的定义,但它们不在脚手架上(css-它们隐藏的地方有秘密吗?)?你能发布表单生成的HTML代码吗?好的,我正确地在上面添加了它。没有任何效果。真的没人知道!!!?我检查过了,版本0.3.0确实解决了这个问题!谢谢