2013-07-19 3 views
0

저는 플렉스/액션 스크립트 개발자입니다. Jquery와 Html을 배우기 시작했습니다. jquery를 사용하여 구조 프로젝트를 만들고 싶습니다.Jquery/Html 프로젝트를 구조화하는 방법은 무엇입니까?

Flex에서하는 방법을 알려 드리겠습니다.


  Header (separate Mxml /module swf file) 

Footer(Separate mxml/module swf file) 


Contents (separate mxml file/module Swf dynamically loaded.) 
어떻게의 같은 종류 또는 jQuery를하고 HTML 모듈 식 개념의 유사한 종류를 달성 할 수 있습니까? 각 섹션에 대한 당신의 jQuery를 유지하기를 원한다면 당신은 다르게 JS가 나는를 얻기 위해 이것을 사용에보고 제안이

$(document).ready(function(){ 

    headerStuff(); 
    pageStuff(); 
    footerStuff(); 


    function headerStuff(){ 

     // do header stuff 

    } 

    function pageStuff(){ 

     // do page stuff 

    } 

    function footerStuff(){ 

     // do footer stuff 

    } 

}); 

같은 파일 구조 다음

<html> 

<head> 
    <link href="your-css-file" /> 
</head> 

    <body> 

    <header> 
     // header contents here 
    </header> 

    <section id="page" role="main"> 
     // page contents here 
    </section> 


    <footer> 
     // footer contents here 
    </footer> 

    <script src="your-js-file"></script> 

    </body> 

</html> 

등을 시도 할 수

+1

코드에 대한 사전 설정 및 준비. 몸에 보이는 내용을 넣어야합니다. 즉, 머리말, 내용, 꼬리말이 모두 몸 안에 있습니다. 헤드에는 css 파일, js 파일, 제목 및 [메타 태그] (http://en.wikipedia.org/wiki/Meta_element)에 대한 링크가 있습니다. 머리글, 내용 및 바닥 글은 ''의 일부 여야합니다. –

+0

StackOverflow에 오신 것을 환영합니다.이 사이트가 도움이되는 질문 유형에 대한 도움말 섹션 (http://stackoverflow.com/help)을 읽어보십시오. 나는 구체적 질문에 답할 수있는 구체적인 질문이 아니기 때문에이 질문을 끝내기로했다. 그러나 의견에 기초를두고 가장 많은 논쟁을 불러 일으킬 것입니다. – JeffryHouser

답변

관련 문제