有人能告诉我并向我展示rails jquery自动完成所需的确切文件吗?

时间:2011-06-21 02:58:50

标签: jquery ruby-on-rails autocomplete

我已经在这几个小时了,即使按照这里的例子和github上的例子,我仍然无法让jquery autocomplete工作。我想要使​​用的确切文件是什么,因为我设置了所有内容,路由正确,种子并且仍然没有得到jquery自动完成,文本框没有做任何事情。

以下是我现在使用的文件:

autocomplete-rails.js
jquery.js
jquery.min.js
jquery_ujs.js
jquery-ui.js
jquery-ui.min.js

有些东西看起来不对,有没有人以前做过这个,你有什么文件?

编辑,更新和工作:

确保您拥有正确的文件并将图像放在public / images文件夹中。

jquery.js
jquery_ujs.js
jquery-ui.js
rails.js
autocomplete-rails.js
application.js

然后有我的自定义主题:

jquery-ui-1.8.13.custom.css

2 个答案:

答案 0 :(得分:1)

需要使用jquery的Rails3项目,您可以在config/application.rb

中查看
jquery.js
rails.js

使用自动填充功能,您需要:

jquery-ui.min.js

答案 1 :(得分:1)

这是一个对我有用的jquery代码片段:

$.getJSON("/polymerases.json",function(polsFromServer){
    pols = polsFromServer;
    $(#polymerases).autocomplete({
        source: pols
    });
});

这是我的控制器代码:

@polymerases = Polymerase.all
respond_to do |format|
  format.html # index.html.erb
  format.xml  { render :xml => @polymerases }
  format.json do
    response.headers["Cache-Control"] = "public, max-age=60"
    render :json => @polymerases.map(&:formatted_name).to_json
  end
end

我包括'jquery-1.5.2.min.js','jquery-ui-1.8.13.custom.min.js' 以及执行.autocomplete调用的本地js文件(见上文),将自动完成功能绑定到选定的输入框。

我认为你不需要jquery和jquery-ui的非缩小版本。 我不熟悉_ujs或autocomlete-rails位。

如果您没有使用firebug或Chrome的开发者模式来浏览您的javascript,我强烈建议您这样做。

此外,查看原始json数据(例如:http://localhost:3000/polymerases.json

可能会有所帮助