似乎无法让jQuery UI自动完成工作

时间:2012-05-14 13:45:17

标签: jquery ruby-on-rails ruby-on-rails-3 jquery-ui ruby-on-rails-3.1

我意识到这是一个非常普遍的问题,但我最终试图让jQuery自动完成与我的rails搜索一起工作。我在rails 3.1.0和ruby 1.8.7上运行。我想知道是否有人能够破译我的问题,我的代码如下......

的application.js:

//= require jquery
//= require jquery_ujs
//= require jquery-ui
//= require_self
//= require products

$(".search").autocomplete({
    source: ['foo', 'food', 'four']
});

查看:

<form action="<%= products_path %>" method="get" id="searchBox">
    <%= text_field_tag 'search', params[:search], :class => 'search', :placeholder => "What are you looking for?" %>
    <%= submit_tag "Search", :name => nil, :class => "button large" %>
</form>

HTML输出:

<form action="/products" method="get" id="searchBox">
    <input class="search" id="search" name="search" placeholder="What are you looking for?" type="text" />
    <input class="button large" type="submit" value="Search" />
</form>

解决方案

我能够通过修改我的jQuery来实现这一点。虽然我仍然不确定为什么初始代码适用于我的测试应用而不是我的制作应用。

jQuery(function($){
  $('.search').each(function(){
    var self = $(this);
    self.autocomplete({source: ['foo', 'food', 'four']});
  });
});

0 个答案:

没有答案