【发布时间】:2015-02-04 23:26:28
【问题描述】:
我正在使用带有 rails 的 jquery-ui 自动完成功能,但它不能正常工作。它不会匹配我在搜索中放置的结果,但它会显示所有 json 结果(没有过滤器)。
在我的路线中
get '/autocomplete-photos', to: 'photos#autocomplete'
在我的控制器中
def autocomplete
@photos = Photo.all
respond_to do |format|
format.json { render json: @photos.as_json(only: [:title, :user, :description], methods: [:avatar_url, :user, :photo_url] )}
end
end
在我看来
<%= search_form_for @spot_search, url: search_path do |f| %>
<%= f.text_field :title_cont, id: "auto-search", :size => 15, :placeholder => "Encuentra spots..." %>
<button type="submit" class="collapsebutton searchbutton">
<i class="icon-magnifier"></i></button>
<% end %>
</div>
</div>
<script>
$(document).ready(function(){
$("#auto-search").autocomplete({
source: "autocomplete-photos.json",
minLength: 2,
select: function(event, ui) {
$('#auto-search').val(ui.item.photo.title);
}
}).data( "ui-autocomplete" )._renderItem = function( ul, item ) {
var inner_html = '<a href="' + item + '"><div class="list_item_container"><div class="image"><img class="avatar_small" src="' + item.photo_url + '"></div><div class="label">' + item.title + '</div><div class="description">' + item.description + '</div></div></a>';
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append(inner_html)
.appendTo( ul );
};
});
</script>
基本上它的工作,但我没有得到你在搜索中的结果,但我得到了所有的 JSON。我错过了什么?
谢谢!
【问题讨论】:
-
你是在向你的控制器传递一个值,还是一个空字符串? (给你所有的结果,而不是过滤的结果)
标签: javascript jquery ruby-on-rails json jquery-ui-autocomplete