2013-12-13 2 views
1

Я получил мой JQuery скрипт:Rails 3: как добавить CSS в JQuery для поиска автозаполнения

<script> 
$("#query").typeahead({ 
name: "pfile", 
remote: "/pfiles/autocomplete?query=%QUERY" 
}); 
</script> 

стиля машинописного объявлен выше:

<head> 
<%= stylesheet_link_tag "typeahead" %> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-  ui.css"> 
<link rel="stylesheet" href="style.css"> 
</head> 

, который визуализируется в моей голове () html раздел:

<link href="/assets/typeahead.css?body=1" media="screen" rel="stylesheet" type="text/css" /> 

Однако у моей автозавершения нет ничего приятного и необычного. Это работает ... но без CSS. любые идеи? :)

+0

Проверьте вкладку своей сети в Chrome или Firefox/firebug, чтобы увидеть какие-либо неработающие ссылки для ваших файлов css. –

+0

Спасибо за ваш ответ =) http: // localhost: 3000/assets/typeahead.css? Body = 1 возвращает меня в соответствующий файл CSS, это нормально работает. – user2567674

+0

Не уверен, что кто-то может помочь вам, не увидев демо:/ –

ответ

0

typeahead.css теги не были названы, соответственно, в таблице стилей .. я переименовал его

.typeahead 

вместо

.twitter-ui 

, который работал!

Этот пример помог мне много (проверяющие элементы, ...):

http://www.arungudelli.com/jquery/simple-jquery-autocomplete-search-tutorial/

Я потратил много времени на это, я надеюсь, что мой пост будет спасти людей некоторое время =)

Смежные вопросы