symfony2 jquery ui datepicker 이미지

Question

저는 jQuery-ui datepicker로 작업하고 있지만 이미지와 경로에 문제가 있습니다. 이것은 내가 내 CSS를 링크하는 방법입니다

{% stylesheets '@BackendBundle/Resources/public/css/bootstrap.min.css' 
        '@BackendBundle/Resources/public/css/bootstrap-responsive.min.css' 
        '@HotelBundle/Resources/public/css/ui-lightness/jquery-ui-1.8.20.custom.css' 
        '@HotelBundle/Resources/public/css/encargado.css' 
       output='css/encargado.css' %} 
     <link href="{{ asset_url }}" rel="stylesheet" type="text/css" /> 
    {% endstylesheets %} 
{% endblock %} 

{% block javascripts %} 
    {% javascripts '@BackendBundle/Resources/public/js/jquery-1.7.2.min.js' 
        '@BackendBundle/Resources/public/js/modernizr-2.5.3-respond-1.1.0.min.js' 
        '@HotelBundle/Resources/public/js/jquery-ui-1.8.20.custom.min.js' 
        output='js/backend.js' %} 
     <script src="{{ asset_url }}" type="text/javascript"></script> 
    {% endjavascripts %} 

을하고 내가 거기에 내 파일의 CSS 파일을 저장합니다

../src/Gitek/HotelBundle/Resources/public/css/ui-lightness/ 
- jquery-ui-1.8.20.custom.css 
- images/ui-bg_diagonals-thick_18_b81900_40x40.png;ui-bg_diagonals-thick_20_666666_40x40.png ... 

내 JS의이 파일 : 그 후

../src/Gitek/HotelBundle/Resources/public/js/jquery-ui-1.8.20.custom.min.css 

, 나는 자산을 덤프 php app/console assetic : 오류없이 덤프

또한 자산을 PHP/console로 설치합니다. install web --s ymlink

및 캐시 PHP 응용 프로그램/콘솔 캐시 삭제 :

분명 나는이 모든 짓을 내가보고 내 날짜 선택기로 작업 할 수 있지만, 일부 사진은로드되지 않습니다. 나는 크롬 콘솔에 가면 나는 이러한 오류를 볼 수 있습니다

Failed to load resource: the server responded with a status of 404 (Not Found) http://hotel.local/app_dev.php/css/images/ui-bg_highlight-soft_100_eeeeee_1x100.png 
Failed to load resource: the server responded with a status of 404 (Not Found) http://hotel.local/app_dev.php/css/images/ui-bg_gloss-wave_35_f6a828_500x100.png 
Failed to load resource: the server responded with a status of 404 (Not Found) http://hotel.local/app_dev.php/css/images/ui-bg_glass_100_f6f6f6_1x400.png 
Failed to load resource: the server responded with a status of 404 (Not Found) http://hotel.local/app_dev.php/css/images/ui-icons_ffffff_256x240.png 
Failed to load resource: the server responded with a status of 404 (Not Found) http://hotel.local/app_dev.php/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png 

나는 아마 문제가 CSS 파일하지만 미안 이내 확실하지 경로로 생각합니다.

어떤 도움이 필요합니까?

Answer 1

jquery-ui-1.8.20.custom.min.css 파일의 이미지 경로를 수동으로 업데이트해야합니다. example를 들어

는 :

.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } 

당신은 /css/ui-lightness/images/에 의해 images/을 업데이트해야합니다. 예컨대 상대 URL 및 cssrewrite 필터를 사용하여 CSS 파일리스트)

assetic: 
    filters: 
     cssrewrite: ~ 

2

Answer 2

1) config.yml에서 cssrewrite 필터를 사용

{% stylesheets '/bundles/backend/css/bootstrap.min.css' 
       '/bundles/backend/css/bootstrap-responsive.min.css' 
       '/bundles/hotel/css/ui-lightness/jquery-ui-1.8.20.custom.css' 
       '/bundles/hotel/css/encargado.css' 
       output='css/encargado.css' filter='cssrewrite' %} 
<link href="{{ asset_url }}" rel="stylesheet" type="text/css" /> 
{% endstylesheets %} 

필터가 모든 CSS URL을 올바르게 다시 써야합니다.

Answer 3

외부 플러그인을 수정하지 마십시오. 이 같은

그냥 무시 CSS :

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default { 
    background: #e6e6e6!important; 
} 

.ui-widget-header { 
    background: #ccc!important; 
} 

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus { 
    background: #dadada!important; 
} 

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
.ui-widget-content { 
    background: #fff!important; 
} 

.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight { 
    background: #fbf9ee!important; 
} 

.ui-state-error, 
.ui-widget-content .ui-state-error, 
.ui-widget-header .ui-state-error { 
    background: #fef1ec!important; 
} 

은 CSS 파일이 CSS를 추가합니다. 이 오류 유형이 제거됩니다.

Answer 4

cssrewrite 필터 + 이미지로드를 사용하여 CSS를로드해야합니다.

{% block stylesheets %} 
    {% stylesheets 'bundles/testbundle/css/jquery-ui/jquery-ui.css' filter='cssrewrite' %} 
    <link rel="stylesheet" href="{{ asset_url }}" type="text/css" /> 
    {% endstylesheets %} 
    {% image '@TestBundle/Resources/public/css/jquery-ui/images/*' %}{% endimage %} 
{% endblock %} 

애셋을 설치하고 덤프하는 것보다.