2012-09-20 3 views
1

다음 코드를 사용하여 YUI 모듈을로드합니다.YUI 모듈에 CSS를 선택적으로로드/사용하는 방법은 무엇입니까?

YUI().use('tabview', 'datatable', 'datasource-local', 'node', 'node-load', function(Y) 
{ 
    ...... 
}); 

이 모듈과 각각의 CSS 파일을 모두로드합니다.

하지만 CSS를 선택적으로 사용하고 싶습니다. TabView에 CSS를로드하고 싶지 않다고 가정 해 봅시다. 어떻게 할 수 있습니까? 모든 모듈에 대한

YUI({ fetchCSS: false }).use('tabview', 'datatable', 'datasource-local', 'node', 'node-load', function (Y) 
{ 
    ...... 
}); 

그것의 명백한 위의 코드를로드하지 않을 것이라고 CSS 파일 -

나는 다음을 시도했다. 내 자신을 사용할 수 있도록 탭뷰 용 CSS를 어떻게 비활성화 할 수 있습니까?

답변

1

스킨 설정에 '대체'속성이 있습니다. 따라서 일부 모듈에서 differents 스킨을 사용할 수 있습니다.

자신 만의 CSS 파일로 스킨을 만들고 원하는 스킨을 사용하도록 로더에 지시 할 수 있습니다 (예제에서는 tabview).

differents 스킨에 대해 다른 원본 폴더를 가질 수 있는지 확신하지 못합니다.

http://yuilibrary.com/yui/docs/api/classes/config.html#property_skin

또한 CSS 모듈과 '사용'을 정의하기 위해 시도 할 수 있습니다. 나는 희망

http://yuilibrary.com/yui/docs/api/classes/config.html#property_modules

그것은 당신이하는 데 도움이!

+0

나는 YUI 3.14.1 및 패널 버튼을 사용하기에 적합했다. Google 그룹스에 대한 자세한 내용은 https://groups.google.com/forum/#!category-topic/yui-support/Fm5dIa3jiuI를 참조하십시오. 간단히 말해, 패널 내부의 버튼에 할당 된 클래스 이름을 변경하려면 Y.ButtonCore.CLASS_NAMES를 재정의해야했습니다. – Seth

관련 문제