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