2010-07-15 5 views
1

Comment puis-je déplacer mon code d'initialisation à savoirComment faire pour déplacer correctement jQuery de la page d'index, dans un fichier javascript séparé?

<script type="text/javascript"> 
     $(document).ready(function() { 
      var t; // This will be a timeout 
      $('.navHover').mouseover(function() { 
       if (t) 
       { 
        clearTimeout(t); 
       } 

       $('.navigation').slideDown(400); 
      }).mouseout(function() { 
       t = setTimeout(function() { 
        $('.navigation').slideUp(400); 
       }, 800); // .8 second delay before hiding 
      }); 

      $('.navigation').mouseover(function() { 
       if (t) 
       { 
        clearTimeout(t); 
       } 
      }).mouseout(function() { 
       t = setTimeout(function() { 
        $('.navigation').slideUp(400); 
       }, 800); // .8 second delay before hiding 
      }); 
     }); 
    </script> 

dans un fichier séparé? main.js?

Merci

Répondre

3

créer simplement un fichier texte, collez ce code dans ce (moins les script tags) et ajouter:

<script type="text/javascript" src="path-to\main.js"></script> 

Dans le <head> de votre page.

+0

Ou, idéalement, après le ''. – dmkc

1

Que voulez-vous dire par là? Parce qu'il est dans un gestionnaire de document prêt, vous pouvez en toute sécurité coller ce code dans un fichier distinct et l'inclure dans la tête de votre page.

1

Cela peut sembler trop facile d'une solution, mais vous ne pouvez pas simplement copier de $ (document) à la fermeture des balises '});' et le coller dans un fichier js séparé? Chargez ensuite ce fichier comme vous le feriez normalement en utilisant

<script type="text/javascript" src="main.js"></script> 
+0

Vous voudrez peut-être vérifier que la propriété 'language' =) – HurnsMobile

+1

Haha Good catch. Je vais devoir faire plus attention avant de donner mes deux cents. – Slevin

+0

Pas de soucis, il suffit d'être rapide sur le bouton 'edit'! – HurnsMobile

0

Mettez-le dans un fichier JS et inclure ce fichier JS de la même façon que vous incluez votre fichier jQuery. Main fonctionnera bien.

+2

La seule chose à surveiller est de garder les balises de lien classés par dépendance. jQuery d'abord, puis les bibliothèques, puis le corps de votre code d'application à exécuter au chargement. – sparkey0

Questions connexes