JQuery e Problema di scope

[mxa]

Un paio di cosette non mi sono molto chiare.

se uso JQuery, dovrei mettere TUTTO il mio codice javascript dentro a

//Esempio 1
$(document).ready(function(){ 
//QUI TUTTO IL CODICE?
//compresa dichiarazione di variabili globali
}

oppure anche per un maggior ordine posso fare

//Esempio 2
$(document).ready(function(){ 
 function A();
 function B();
}

function A(){}
function B(){}

var $global1;

con la seconda soluzione che e' quella che sto usando ho pero' un problemino di scope. Essendo che $global1 e' undefined all'inizio, e una delle funzioni di inizializzazione nella mia pagina la usa in una closure poi quando effettivamente quella closure viene invocata la variabile e' sempre undefined perche' giustamente mi par di capire la closure viene appunto "chiusa" nel momento in cui e' ritornata. Ma cio' non succederebbe nell'esempio 1. Mi e' chiaro perche' succede in 2 ma non perche' non succede in 1.

Tutto perche' non mi piace avere tutto il mio codice Javascript all'interno della $(document).ready()...

[whisher]

//Esempio 2
function A(){}
function B(){}
var $global1;
$(document).ready(function(){ 
A();
B();
} 

eviterei la globale.

[mxa]

Davvero importa l'ordine delle cose? Ovvero la definizione delle funzioni sopra all'utilizzo nella ready()?

Neanche a me piacciono le variabili globali, in nessun linguaggio. Ma come posso fare una roba del genere (che per la cronaca non fuziona!).

var content;

//Sto usando JQuery UI per le tabs.
function openTab (testo) {
  content = '

' + content + '</p>';
  $('#tabs').tabs ('add', '#new-tab-id', 'My new tab title'); //Non c'e' modo di passare il content all'add di
  //tabs() quindi ho pensato a una variabile globale.
}


document.ready (function(){
  $('#tabs').tabs ({ add: function (event, ui) {$(ui.panel).append (content) }});
  $('#oggetto').click (function(){openTab('bla bla bla')});
}); 

[mxa]

ho risolto!

//Sto usando JQuery UI per le tabs.
function openTab (testo) {
  $('<div id="bla-bla-bla"></div>').append ('

Testo del nuovo tab</p>').appendTo('#tabs');
  $('#tabs').tabs('add', '#bla-bla-bla', 'Test');
}


document.ready (function(){
  $('#tabs').tabs ();
  $('#oggetto').click (function(){openTab('bla bla bla')});
}); 

[whisher]

Originariamente inviato da mxa
Davvero importa l'ordine delle cose? Ovvero la definizione delle funzioni sopra all'utilizzo nella ready()?

no ma vuoi mettere come si legge meglio

[maurello]

certo che importa l'ordine delle cose, javascript è un linguaggio interpretato quindi esegue a tempo di esecuzione il codice

[fcaldera]

Originariamente inviato da maurello
certo che importa l'ordine delle cose, javascript è un linguaggio interpretato quindi esegue a tempo di esecuzione il codice

ma le named functions e le variabili istanziate sono soggette ad hoisting, pertanto nel suo caso non risentono del punto in cui vengono definite. quindi potresti benissimo fare

[code]
function a() { ... }
a();
[code]

e

a()
function a() { ... }

[maurello]

Originariamente inviato da fcaldera
ma le named functions e le variabili istanziate sono soggette ad hoisting, pertanto nel suo caso non risentono del punto in cui vengono definite.

giusto, pardon