观察字段没有做任何事

Question

我想让搜索字段在用户开始输入时开始输出结果。

这是我的看法：

<%= observe_field 'keyword', 
     :url => { :action=> 'search_results' }, 
     :frequency => 0.5, 
     :update => 'results', 
     :loading => "$('.spinner').show()", 
     :complete => visual_effect(:slide_down, "results", :duration => 0.9), 
     :with => 'keyword' %> 


     <%= form_remote_tag :url =>{ :action => :search_results }, 
     :update => "results", 
     :loading => "$('.spinner').show()", 
     :complete => visual_effect(:slide_down, "results", :duration => 0.9) %> 



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

         <%= text_field_tag(:keyword) %> 
         <span id="Submit_search"> 

         <span id="Submit_search_hover"><%= submit_tag "Search", :name => nil %></span> 

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

<div id="results"> 
    <img class="spinner" id="ajax_spinner" src="../images/ajax-loader.gif" alt="Comment being processed" style="display: none" /> 
</div> 

在我的控制器是这样的：

def search_results 
     keyword = params[:keyword] 
     @tutors = Tutors.find(:all,:conditions => ["category LIKE ?", '%' + keyword + '%'])  
    end 

现在，如果你去http://avandata.net/tutor/tutors/search，然后在搜索栏中键入数学，然后点击提交它的工作原理。但是，观察字段在输入时不会执行任何操作。我一直试图弄清楚这一点。

这是我的开发日志的样子。

Here is my log/development Processing TutorsController#search (for 98.254.132.228 at 2010-07-30 09:29:52) [GET] Rendering tutors/search Completed in 5ms (View: 3, DB: 0) | 200 OK [avandata.net/tutor/tutors/search] 

而对于提交搜索按钮，它看起来像这样在日志中：

Processing TutorsController#search_results (for 98.254.132.228 at 2010-07-30 13:28:22) [POST] 
    Parameters: {"authenticity_token"=>"KNsIfr69fDTVGEZnwQoyXhnnuK5ZP6QIwq/zHRVYWqQ=", "keyword"=>"math"} 
    [4;36;1mTutors Load (0.1ms)[0m [0;1mSELECT * FROM `tutors` WHERE (category LIKE '%math%') [0m 
Rendering tutors/search_results 
    [4;35;1mTutors Columns (3.4ms)[0m [0mSHOW FIELDS FROM `tutors`[0m 
Completed in 8ms (View: 2, DB: 4) | 200 OK [http://avandata.net/tutor/tutors/search_results] 

Answer 1

我发现问题在于观察字段必须在文本字段之后。就是这样。见下文。

<%= form_remote_tag :url =>{ :action => :search_results }, 
    :update => "results", 
    :loading => "$('.spinner').show()", 
    :complete => visual_effect(:slide_down, "results", :duration => 0.9) %> 



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

        <%= text_field_tag(:keyword) %> 
        <span id="Submit_search"> 

        <span id="Submit_search_hover"><%= submit_tag "Search", :name => nil %></span> 

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

    <%= observe_field 'keyword', 
     :url => { :action=> 'search_results' }, 
     :frequency => 0.5, 
     :update => 'results', 
     :loading => "$('.spinner').show()", 
     :complete => visual_effect(:slide_down, "results", :duration => 0.9), 
     :with => 'keyword' %> 

Answer 2

如果你看萤火虫在该页面，你会只要你将鼠标悬停在看到一个Javascript错误发生文本域。所以这就是为什么它不适合你。至于导致错误的原因尚不清楚。

我确实注意到页面加载的JQuery库相当老旧（1.2.6）。我会建议更新您的支持JQuery库至少包含在JQuery存储库中的版本here

如果这样不能解决您的问题，那么我会建议重新考虑您完全使用JRails。我一直认为这是一个毫无意义的项目 - 克隆RJS接口，但基于JQuery而不是Prototype。我的意见认为，尽管它在社区似乎没有太多的牵引力，所以有人担心未来的支持。

如果您喜欢RJS，那么只需使用Rails自带的默认值即可。如果你喜欢那样的话，他们会很好的工作。如果你喜欢JQuery，那么直接使用它。这是一个很棒的图书馆，使用起来非常直观。在你花在看这个不工作的时候，你可能会在JQuery中编写一个等效的功能版本几次。