Script Src è una pagina di rottura

Question

Non so come spiegarlo, così male faccio il meglio che posso.

Ho una pagina che ha qualche semplice javascript su di esso:

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

Il codice sopra funziona bene, fino a quando aggiungo:

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

Se la sua SOPRA il blocco di script precedente, doesnt CSS caricare.

Se è SOTTO il blocco di script precedente, le mie funzioni di clearIt \ fillIt non funzionano. Qualche idea è perché il riferimento a questo script può causare il bombardamento delle mie altre cose?

Answer 1

Prova a modificare -

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

Inoltre, con la versione jQuery che si sta utilizzando, si dovrebbe avere tutti i vostri CSS riferimento prima (prima di javascript).

Si tratta dal libro jQuery Illuminismo -

Come di jQuery 1.3, la libreria non garantisce più che tutti i file CSS vengono caricati prima che genera l'evento pronto personalizzato(). A causa di questo cambiamento in jQuery 1.3, dovresti sempre includere tutti i file CSS prima di qualsiasi codice jQuery. Ciò assicurerà che il browser abbia analizzato il CSS prima di passare a il JavaScript incluso più avanti nel documento HTML. Naturalmente, le immagini a cui si fa riferimento tramite CSS possono essere scaricate o meno mentre il browser analizza il codice JavaScript.

Precedentemente su Stackoverflow - Perché i tag di script auto-chiudenti non funzionano?

Why don't self-closing script tags work?

Answer 2

Prova a modificare:

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

Non sono sicuro del motivo sottostante, ma per qualche ragione tag script auto-chiusura sono problematici.

Answer 3

Si dovrebbe scrivere

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

sembra stupido, ma funziona bene ;-)