1

我想在OSX 10.7使用Rails3中,jQuery的自動完成的寶石,Rails的3.1.0,1.9.2的Ruby-P290如何測試中軌的jQuery自動完成不響應

我剛剛成立一個非常空白的應用程序,找出爲什麼我不能得到它的工作。我沒有收到任何錯誤消息,但沒有出現。我不知道該怎麼解決。

這是我有:

<head> 
    <title>Usewith</title> 
    <%= stylesheet_link_tag "application" %> 
    <%= javascript_include_tag "application" %> 
    <%= javascript_include_tag "autocomplete-rails.js" %> 
    <%= csrf_meta_tags %> 
</head> 

上述ItemsController

class ItemsController < ApplicationController 
    # GET /items 
    # GET /items.json 

    autocomplete :category, :name 

的routes.rb

Usewith::Application.routes.draw do 
    resources :items do 
    get :autocomplete_category_name, :on => :collection 
    end 

    resources :categories 

項目/ _form.html.erb

<div class="field"> 
    <%= f.label :category_id %><br /> 
    <%= f.collection_select :category_id, Category.all, :id, :name %> 
    <%= f.autocomplete_field :category_name, autocomplete_category_name_items_path %> 
    </div> 

項目模型包含category_id:整數,category_name:字符串

任何幫助從哪裏開始尋找?

編輯 我收到此錯誤在Chrome控制檯

Uncaught TypeError: Object [object Object] has no method > 'autocomplete' jQuery.railsAutocomplete.fn.extend.init autocomplete-rails.js:53 jQuery.railsAutocomplete autocomplete-rails.js:35 jQuery.fn.railsAutocomplete autocomplete-rails.js:28 liveHandlerjquery.js:3689 jQuery.event.handle jquery.js:2966 jQuery.event.add.elemData.handle.eventHandle jquery.js:2600 jQuery.event.triggerjquery.js:2894 handler jquery.js:3420

自動完成,rails.js:53

$(e).autocomplete({ 

回答

2

愚蠢的答案,但我意識到我需要在

//= require jquery-ui

添加到新的application.js

<%= stylesheet_link_tag "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/ui-lightness/jquery-ui.css" %>

到application.html.erb

+0

沒有爲我工作;( – Elmor

2

我從來沒有使用jQuery的自動完成功能,但任何時候我調試的jQuery/JavaScript的我使用Chrome和開發人員工具。它的快捷方式是來自Chrome的alt-cmd-I

從那裏你可以看看「網絡」選項卡,看看是否有任何請求,甚至xhr請求。點擊一個請求將顯示標題,內容,cookies等。我會說這是一個很好的開始。

如果你使用Firefox,那麼你可以使用firebug,基本上是一樣的東西。

順便說一句,當我打字這個答案,我看到了所以得到以下回應:)顯然是自動保存答案草稿。

{"message":"0","draftSaved":true,"disableEditor":false} 
+0

已添加我的錯誤m sg以上 – Julien