0

リクエストに応じてajaxでプルされるフォーム要素があります。次に、挿入されたテキストボックスでajaxリクエストを実行して、入力された場所を見つけようとしています。コードは最初のテキストボックスで機能しますが、2番目のテキストボックスが挿入されると失敗します。ajaxが完了したときにスクリプトを再ロードしようとしましたが、それでも機能しません。助けていただければ幸いです。

Form.html.erb-レールのネストされたフォームを設定し、部分的にプルします

  <%= nested_form_for(@post, :html=> {:multipart => true, :class=> "new_blog_post", :id=> "new_blog_post"}) do |f| %>

  ...

  <fieldset>
   <%= render :partial => 'search_locations', :locals => { :f => f }  %>

  </fieldset>

  <p><%= f.link_to_add "Add a location", :locations %></p>

  ...

  <% end %>

partial.html.erb-ページの読み込み時にプルインされ、[場所の追加]ボタンが押されたとき

  <fieldset>
  <%= f.fields_for :locations do |m| %>    
        <%= m.text_field :name ,:class=>"localename", :placeholder=> "Name of the location", :autocomplete => "off" %>
        <%= m.text_field :longitude, :class => "long" %>
        <%= m.text_field :latitude, :class => "lat" %>
        <div class="latlong">
        <p class="help-block">Enter the name of the town or city visited in this blog entry.</p>
        </div>
        <%= m.link_to_remove "Remove this location" %>

   <% end %>
  </fieldset>

Javascript（フォームの下部に配置）

<script type="text/javascript">


    function locationchecker() {

    // Rails to multiply the script 20 times            
    <% (0..20).each do |i| %>

    // when the #search field changes
    $(".localename:eq(<%=i%>)").keyup(function() {

    // get the value of searchfield 
        var location<%=i%> = $(".localename:eq(<%=i%>)").val(); 

    //Take the value of the textbox and pull it from geocoder
    $.get('/locations/location?location='+location<%=i%>,this.value, function(searchone<%=i%>) {
    $(".latlong:eq(<%=i%>)").html(searchone<%=i%>);

     })
        // Upon complete run the script again
    .complete(function(searchone<%=i%>) { locationchecker });


    });

    <%end%>
}
       // load script on doc ready
$(document).ready(locationchecker);


</script>

ヘルプは素晴らしいでしょう！

前もって感謝します、

ジェームズ

4

1 に答える 1

1

.on()( jQuery api doc ) メソッドを使用して、次のように keyup イベント ハンドラーをアタッチする必要があります。

$('#myForm').on('keyup','.localename',function() {
       // stuff here
       var location = $(this).val(); // this = element on which the event was triggered
});
于 2012-10-18T18:01:41.713 に答える