我的Rails地址選擇器（address_picker-rails）適用於第一個輸入，但不是第二個輸入？

我使用的是address_picker-rails gem，它對於第一個輸入非常合適，但由於某種原因，它不是第二個輸入。我現在經歷了一百萬次。有什麼想法嗎？我的Rails地址選擇器（address_picker-rails）適用於第一個輸入，但不是第二個輸入？

的_new形式的代碼下面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 %>

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>

有什麼想法？

來源

2013-03-18 Erin Walker

你可以發佈生成的HTML代碼的形式？ – ddidier 2013-03-19 11:12:15

好吧，我把它添加得很高。 – 2013-03-19 13:46:51

沒有用。真的沒有人有任何想法!!!？ – 2013-03-20 09:29:53

您需要添加地圖元素爲每個地址欄：

<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版本修復了這個問題！

來源

2013-03-20 22:53:54 ddidier

我檢查了版本0.3.0確實解決了這個問題！謝謝 – 2013-03-25 19:32:53

檢查dom並確保這兩個字段具有不同的dom ID。另外，您是否在控制檯中看到任何javascript錯誤或調試輸出？

更新： 設置id明確（保證唯一性），而不是讓軌道的猜測：

<%= f.text_field :from, :class => 'address-picker-input', :id => 'from_field' %>

來源

2013-03-18 14:29:47 sockmonk

調試控制檯中沒有錯誤。不知道如何改變dom？ – 2013-03-18 15:06:12

當我說dom ID的時候，我只是在談論HTML源代碼中的輸入id屬性。只需使用'查看源代碼'，螢火蟲或任何其他來檢查生成的HTML。如果輸入有相同的ID，那可能會導致這種情況。 – sockmonk 2013-03-18 15:59:53

我是這麼認爲的，並且確實檢查過它，而且他們確實有相同的ID。試圖解決它。它的確適用於Gem構建器和他的演示應用程序，它們使用相同的IP，因此不要認爲這是個問題=> address_picker-rails-demo/app/assets/stylesheets/scaffolds.css.scss =>我現在放棄！ – 2013-03-18 16:07:04

我的Rails地址選擇器（address_picker-rails）適用於第一個輸入，但不是第二個輸入？

回答

相關問題