야후 사용자 인터페이스 블로그 (YUIBlog)

함께 YUI YUI 2와 3을 사용 :보다 쉽게 Caridy의 래퍼 유틸리티와 함께

YUI 3 갤러리 오늘날 흥미로운 새로운 이외도 : Caridy Patino Mayea의 YUI 두 래퍼 유틸리티를 . 래퍼는 안으로 들어간다 수 YUI 2 에서 모듈 YUI 세 use() 구문. 체크 아웃 여기 래퍼에 대한 Caridy 설명서를 .

얼마나 쉬운? 다음 전체 예제입니다 . 우리가 시작하는 모든 6.2KB (gzip을) YUI 3 시드 파일이며 Caridy의 래퍼와 내장 YUI 세 로더 알아서 :

 <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js"> </ SCRIPT>

 <div id="demo" class="yui-navset">
     <ul class="yui-nav">
         <li> <a href="#tab1"> <em> 사용 탭 하나의 레이블 </ em>를 </ A> </ 리>
         <li class="selected"> <a href="#tab2"> <em> 사용 탭 두 레이블 </ em>를 </ A> </ 리>
         <li> <a href="#tab3"> <em> 사용 탭 세 레이블 </ em>를 </ A> </ 리>
     </ UL>            
     <div class="yui-content">
         <div id="tab1"> <p>에서 탭 하나의 콘텐츠 </ P> </ 사업부>
         <div id="tab2"> <p>에서 탭 두 콘텐츠 </ P> </ 사업부>
         <div id="tab3"> <p>에서 탭 세 가지 콘텐츠 </ P> </ 사업부>
     </ 사업부>
 </ 사업부>

 <script language="javascript">

 YUI ({
     모듈 : {
         '갤러리-yui2': {
             fullpath 'http://yui.yahooapis.com/gallery-2009.11.19-20/build/gallery-yui2/gallery-yui2-min.js'
             필요 : [ '노드 기지', '얻을', '비동기 - 큐'],
             선택 사항 : []
             대신할 : []
       }
 
     }
 })를 사용한다. ( '갤러리-yui2'함수 (Y) {
 
     Y.yui2 ()는. ( "tabview"함수 () {사용
 
         VAR myTabs는 = 새로운 YAHOO.widget.TabView ( "데모");
 
     });
 
 });

 </ SCRIPT> 

체크 아웃 YUI 두 래퍼 와 많은 다른 사람 에 YUI 3 갤러리 .

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!