Script Src se brise page

Question

Je ne sais pas comment expliquer cela, si mal faire de mon mieux.

J'ai une page qui a un certain javascript simple sur ce:

<script language="javascript" type="text/javascript"> 

    function clearIt(txtbox, initVal) { 
     alert('f'); 
     if (txtbox.value == initVal) { 
      txtbox.value = ''; 
     } 
    } 

    function fillIt(txtbox, initVal) { 
     if (txtbox.value == '') { 
      txtbox.value = initVal; 
     } 
    } 


</script> 

Le code ci-dessus fonctionne très bien, jusqu'à ce que j'ajouter:

<script src="Scripts/jquery-1.4.2.js" type="text/javascript" /> 

Si le dessus du bloc de script précédent, ne marche pas CSS charge.

Si elle est INFÉRIEURE au bloc de script précédent, mes fonctions clearIt \ fillIt ne fonctionnent pas. Toute idée est pourquoi se référant à ce script peut faire exploser mes autres trucs?

Answer 1

Essayez plutôt -

<script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script> 

En outre, avec la version jQuery que vous utilisez, vous devriez avoir tous vos CSS référencé premier (avant javascript).

C'est du livre Lumières jQuery -

À partir de jQuery 1.3, la bibliothèque ne garantit plus que tous les fichiers CSS sont chargés avant qu'il déclenche l'événement sur mesure prêt(). En raison de ce changement dans jQuery 1.3, vous devez toujours inclure tous les fichiers CSS avant tout code jQuery. Cela garantira que le navigateur a analysé le CSS avant qu'il ne passe à le code JavaScript inclus plus tard dans le document HTML. Bien sûr, les images référencées via CSS peuvent ou non être téléchargées lorsque le navigateur analyse JavaScript.

Précédemment dans Stackoverflow - Pourquoi les balises de script à fermeture automatique ne fonctionnent-elles pas?

Why don't self-closing script tags work?

Answer 2

Essayez ceci:

<script src="Scripts/jquery-1.4.2.js" type="text/javascript" ></script> 

Je ne sais pas la raison sous-jacente, mais pour une raison quelconque balises de script d'auto-fermeture sont problématiques.

Answer 3

Vous devriez écrire

<script src="Scripts/jquery-1.4.2.js" type="text/javascript" ></script> 

Sons stupide, mais fonctionne bien ;-)