2016-05-15 2 views
1

Я использую jquery datepicker. Если я ставлю в моем application.css.scss файлЗагрузка jquery datepicker stylesheet

@import 'jquery-ui/datepicker'; 

стили для DatePicker не загружены.

Но если я ставлю

@import 'jquery-ui/datepicker.css'; 

стили не будут загружены, но когда я перекомпилировать свои активы нет переваривать файл для /assets/jquery-ui/datepicker.css и поэтому он не входит в application.css переваривать в производстве. Это означает, что стиль не работает в производстве.

Каков правильный способ импорта этого файла? Я использую драгоценные камни sassc и jquery-ui-rails.

+0

ли вы добавить '* = требуется Jquery-ui' в вашем' application.css'? –

+0

PraveshKhatri в его случае, это будет @import 'jquery-ui' –

ответ

2

Убедитесь, что следующая строка в вашем application.css

*= require jquery-ui/datepicker 

Или, если вы хотите, чтобы загрузить все jquery-ui, используйте следующее:

*= require jquery-ui 

После того, как вы сделаете это, он не должен» t необходимо использовать импорт sass, чтобы вы могли удалить:

@import 'jquery-ui/datepicker.css'; 

Если вы являетесь пользователем onl у используя application.css.scss файл, а затем вставьте *= require jquery-ui/datepicker в верхней части файла, так что результат выглядит примерно так

/* 
*= require jquery-ui/datepicker 
*= require_self 
*/ 
+0

Я попробую это и вернусь к вам завтра – Obromios

+0

Это сработало, спасибо, я добавил дополнительную информацию к вашему ответу, чтобы показать, что делать, если вы используете файл application.css.scss. – Obromios