2013-07-19 2 views
0

Je suis un développeur de scripts Flex/Action. J'ai commencé à apprendre Jquery et Html. Je veux structurer le projet en utilisant jquery ..Comment structurer un projet Jquery/Html?

Permettez-moi de donner un échantillon comme je le fais dans Flex.


  Header (separate Mxml /module swf file) 

Contents (separate mxml file/module Swf dynamically loaded.) 

Footer(Separate mxml/module swf file) 

Comment puis-je obtenir même genre ou le même genre de concept modulaire dans jQuery et HTML?

+1

vous avez la tête similaire, le corps en html si la tête n'est pas l'en-tête. Vous devriez mettre des contenus visibles dans le corps. c'est-à-dire l'en-tête, le contenu, le pied de page dans le corps. Head a des liens vers des fichiers css, des fichiers js, des titres et des [meta tags] (http://en.wikipedia.org/wiki/Meta_element). L'en-tête, le contenu et le pied de page doivent faire partie de ''. –

+0

Bienvenue dans StackOverflow, veuillez lire la section d'aide pour les types de questions que ce site excelle à: http://stackoverflow.com/help. J'ai voté pour clore cette question car il ne s'agit pas d'une question de programmation spécifique à laquelle il est possible de répondre concrètement; mais plus d'un qui est basé sur des opinions et incitera probablement le débat. – JeffryHouser

Répondre

1

Vous pouvez essayer

<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> 

et si vous voulez garder votre jQuery pour chaque section structurent différemment votre fichier js comme celui-ci

$(document).ready(function(){ 

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


    function headerStuff(){ 

     // do header stuff 

    } 

    function pageStuff(){ 

     // do page stuff 

    } 

    function footerStuff(){ 

     // do footer stuff 

    } 

}); 

Je suggère à la recherche en utilisant cela pour obtenir un Meilleure idée. Son pré configuré et prêt pour vous au code

http://html5boilerplate.com/

Questions connexes