Perché fare la differenza in cui includo il file di script jQuery?

Question

Sulla mia pagina master (per tutte le pagine del mio sito) ho un ToolkitScriptManager.

Sulla mia pagina di contenuto, ci sono una serie di collegamenti ipertestuali e div per la funzionalità pieghevole.

Il codice per mostrare / nascondere il lavoro pannelli simile al seguente:

$(document).ready(function() {
// Hookup event handlers and execute HTML DOM-related code
$('#nameHyperLink').click(function() {

        var div = $('#nameDiv');
        var link = $('#nameHyperLink');
        if (div.css('display') == 'none') {
            link.text('Hide Data');
            div.show('100');
        }
        else {
            link.text('Show Data');
            div.hide('100');
        }

    });
});

Se includo uno ScriptReference al file jQuery 1.4.2 nel toolkitscriptmanager, il codice JavaScript viene eseguito in modo non corretto nella pagina (solo il testo per il collegamento ipertestuale viene modificato, il div non è realmente visibile.) Tuttavia, se non includere il file jQuery nella ToolkitScriptManager e invece includere nella pagina di contenuto, funziona correttamente.

Sono un principiante JavaScript / jQuery, e questo non ha senso a tutti. Che cosa sta succedendo qui?

Answer 1

Posizionamento dello script comprendono è importante per il rif jQuery. Se si guarda il sorgente generato Sono pronto a scommettere il tag è al di sotto della funzione di script (). È necessario assicurarsi che il riferimento jQuery viene più presto si può ottenere nel sorgente della pagina.

Prova a spostare il riferimento alla libreria jQuery nella testa della tua pagina master, che dovrebbe funzionare. In caso contrario, inserire un po 'di sorgente!

Answer 2

Come Tj dice ... dovrebbe probabilmente essere nella sezione head della pagina master. Inoltre, è bello link alla versione di Google di questa biblioteca, perché è probabile che gli utenti sarà già è nella cache. Per esempio, un'occhiata alla fonte per questa stessa pagina.

Le due cause più probabili qui sono $ non essere ancora definito (si veda la risposta di Tj) e $ ottenendo definita da un'altra libreria, come prototipo.

altamente li suggerirei di guardare in utilizzando il debugger JavaScript di Firebug, o almeno dare un'occhiata a costruito in console degli errori di Firefox (Strumenti -> console Error). Che vi darà un indizio molto meglio cosa sta succedendo diverso da "non funziona".