Javascript Rails 3个不同的自动完成字段
我在一个页面上有两个不同的自动完成字段,每个字段都要从数据库中的不同来源填充。我的问题是,当我测试页面时,两个自动完成行为有时会在彼此的文本字段中切换 我的视图部分如下所示(我遵循了a): 和我的控制器:Javascript Rails 3个不同的自动完成字段,javascript,ruby-on-rails,view,textfield,jquery-autocomplete,Javascript,Ruby On Rails,View,Textfield,Jquery Autocomplete,我在一个页面上有两个不同的自动完成字段,每个字段都要从数据库中的不同来源填充。我的问题是,当我测试页面时,两个自动完成行为有时会在彼此的文本字段中切换 我的视图部分如下所示(我遵循了a): 和我的控制器: def index if params[:term].present? @abilities = Ability.search_titles(params[:term]) else @abilities = Ability.all end respond_to
def index
if params[:term].present?
@abilities = Ability.search_titles(params[:term])
else
@abilities = Ability.all
end
respond_to do |format|
format.html # index.html.erb
format.json { render json: @abilities }
end
end
def index
if params[:term].present?
@missions = Mission.search_titles(params[:term])
else
@missions = Mission.all
end
respond_to do |format|
format.html # index.html.erb
format.json { render json: @missions.map(&:title) }
end
end
谢谢我认为您只需要通过ID区分两个文本字段,例如:
<fieldset>
<%= f.text_field :ability_title, {:id => 'autocomplete_field1', data: { autocomplete_source: abilities_path } } %>
<%= f.label :points %>: <%= f.text_field :points %>
<%= f.hidden_field :_destroy %>
<%= link_to "remove", '#', class: "remove_fields" %>
</fieldset>
<fieldset>
<%= f.text_field :mission_title, {:id => 'autocomplete_field2', data: {autocomplete_source: missions_path } } %>
<%= f.hidden_field :_destroy %>
<%= link_to "remove", '#', class: "remove_fields" %>
</fieldset>
My javascript:
jQuery ->
$('fieldset').live 'click', ->
$('#autocomplete_field1').autocomplete
source: $('#autocomplete_field1').data('autocomplete-source')
$('#autocomplete_field2').autocomplete
source: $('#autocomplete_field2').data('autocomplete-source')
如果可以,请尝试替换js文件中的源代码
source: $(this).data('autocomplete-source')
试试看这是否可行来源:$(this.data('autocomplete-source')这是可行的,但我觉得有点不雅观。有没有干净的方法来避免重复?
<fieldset>
<%= f.text_field :ability_title, {:id => 'autocomplete_field1', data: { autocomplete_source: abilities_path } } %>
<%= f.label :points %>: <%= f.text_field :points %>
<%= f.hidden_field :_destroy %>
<%= link_to "remove", '#', class: "remove_fields" %>
</fieldset>
<fieldset>
<%= f.text_field :mission_title, {:id => 'autocomplete_field2', data: {autocomplete_source: missions_path } } %>
<%= f.hidden_field :_destroy %>
<%= link_to "remove", '#', class: "remove_fields" %>
</fieldset>
My javascript:
jQuery ->
$('fieldset').live 'click', ->
$('#autocomplete_field1').autocomplete
source: $('#autocomplete_field1').data('autocomplete-source')
$('#autocomplete_field2').autocomplete
source: $('#autocomplete_field2').data('autocomplete-source')
jQuery ->
$('fieldset').live 'click', ->
$('#autocomplete_field1, #autocomplete_field2').each (index, element) =>
$(element).autocomplete
source: $(element).data('autocomplete-source')
source: $(this).data('autocomplete-source')