2012-06-17 1 views
1

내 사이트에서 jQuery fancybox 2 플러그인을 사용하고 있습니다. 개발에 괜찮아하지만,이 스크린 샷에서 볼 수 있듯이 생산에 fancybox 2 CSS 파일이로드되지 않습니다Fancybox CSS가 프로덕션에서로드되지 않습니다.

Fancybox css not being loaded http://f.cl.ly/items/1g3Z1Q2p2X372H1f3Z3q/Screen%20Shot%202012-06-17%20at%2013.29.03.png

파일은 공급 업체/자산/스타일 시트에있는 일반 있습니다 .CSS 파일

을 그들은 내 application.css.scss 파일에서 다음과 같이 참조되고 있습니다.

@import 'compass'; 
@import 'compass/reset'; 

@import '_common'; 

@import 'main'; 
@import 'pages'; 
@import 'coasters'; 
@import 'contact'; 
@import 'collections'; 
@import 'albums'; 

@import 'responsive'; 
@import 'twitterbox'; 
@import 'jquery.fancybox.css'; 
@import 'jquery.fancybox-thumbs.css'; 

아무 이유없이 그 두 개의 CSS 파일이로드되지 않는 사람이 있습니까? fancybox .js 파일은 정상적으로 작동하며, CSS 상자는 그렇지 않습니다. 당신은 당신이 당신이하는 SCS 파일에 파일을 fancybox.css 변환을위한 http://css2sass.heroku.com/를 사용할 수있는 미리 컴파일 할 수 있습니다 CSS 것을 원하는 경우

+0

하나의 연결된 CSS 파일을 제공해야 네트워크 탭의 개별 파일이 잘못 표시됩니다. SCSS 파일 대신 생성 된 컴파일 된 CSS 파일을 포함하고 있습니까? ... – sg3s

+0

내 application.html.erb 파일에 다음과 같은 CSS가 포함되어 있습니다 <% = stylesheet_link_tag "application"%> 그것은 fancybox 것들은 단지 일반 CSS 파일이기 때문에 될 수 있을까? 어떻게 작동시킬 수 있습니까? 프리 컴파일 배열이나 .css에 .css를 추가해야합니까? – rctneil

답변

0

확인

닐.

이 솔루션이 도움이되기를 바랍니다.

+0

좋아, 내가 그랬다면 나 대신 Compass Sass 프레임 워크를 사용했기 때문에 Sprockets 매니페스트를 사용하지 않아 스타일 시트를 어떻게 추가 할 수 있을까요? – rctneil

+0

나는 나의 대답을 편집했다. 보세요. 고맙습니다. – hyperrjas

+0

그 fancybox gem을 사용하고 싶습니다. 그러나 오래되어서 p [오래된 팬시가 아닌 최신 fancybox 버전을 사용하는 것을 참고하십시오. 나는 그 fancybox css 파일을 작동시키고 싶지만 어떻게할지는 모르겠다. – rctneil