Ruby on rails RubyonRails jQuery视觉效果

Ruby on rails RubyonRails jQuery视觉效果,ruby-on-rails,ajax,jrails,Ruby On Rails,Ajax,Jrails,我正在RoR上开发一个搜索功能,当用户点击搜索按钮时,它基本上只是有一个很酷的视觉效果 以下是search.rhtml在我的视图中的代码 <html> <head> <title>Tutor</title> <%= javascript_include_tag :defaults %> </head> <body> <h1></h1>

我正在RoR上开发一个搜索功能,当用户点击搜索按钮时,它基本上只是有一个很酷的视觉效果

以下是search.rhtml在我的视图中的代码

  <html>
  <head>
    <title>Tutor</title>
    <%= javascript_include_tag :defaults %>
  </head>
  <body>
    <h1></h1>
        <%= form_remote_tag :url =>{ :action => :search_results }, :update => "results"  %>


                    <fieldset>
                        <legend>Tutor Search.</legend>
                        <label for="searchItField">Keyword Search.</label>

                        <input class="tfield" type="text" value="FIND YOUR TUTOR HERE" name="searchItField" id="searchItField" />
                        <span id="Submit_search">

                            <span id="Submit_search_hover"><input type="submit" id="Submit" value="Search" /></span>

                        </span>
                    </fieldset>
                </form>

    <div id="results">

    </div>
  </body>
</html>
<% for tutors in @tutors %>
        <%= tutors.first_name %> <br/>
    <% end %>

家教
{:action=>:search_results},:update=>“results”%>
导师搜索。
关键词搜索。
这是search_results.rhtml,它显示在search.rhtml的results div中

  <html>
  <head>
    <title>Tutor</title>
    <%= javascript_include_tag :defaults %>
  </head>
  <body>
    <h1></h1>
        <%= form_remote_tag :url =>{ :action => :search_results }, :update => "results"  %>


                    <fieldset>
                        <legend>Tutor Search.</legend>
                        <label for="searchItField">Keyword Search.</label>

                        <input class="tfield" type="text" value="FIND YOUR TUTOR HERE" name="searchItField" id="searchItField" />
                        <span id="Submit_search">

                            <span id="Submit_search_hover"><input type="submit" id="Submit" value="Search" /></span>

                        </span>
                    </fieldset>
                </form>

    <div id="results">

    </div>
  </body>
</html>
<% for tutors in @tutors %>
        <%= tutors.first_name %> <br/>
    <% end %>


最后是我的控制器和动作

class TutorsController < ApplicationController

  def search
  end

  def search_results
     @tutors = Tutors.find_by_sql('SELECT * FROM tutors')
  end

end
class TutorsController

我想做的基本上是创建一种效果,当由于ajax调用而加载搜索结果时,它会向上滑动。我正在使用jrail。这个网站到底是怎么做到的

简而言之,要开始,您需要执行以下操作:

  • 在输入字段上使用
    observe_field
    ,该字段从控制器方法检索数据,并用结果更新某个div
  • 创建相应的控制器方法以检索项目(使用
    搜索结果
  • 为该控制器方法创建一个视图,该视图将显示具有所需效果和动画的数据

那么,您的问题是什么?是因为你不理解keyonical.com的代码吗?我的问题是我试图在搜索结果上复制jquery的效果。有人对此有什么见解吗?我将如何对返回的结果产生影响?我建议您先看看。。。