Tag Archive: noconflict

18 mag 2009

Stefan Huissel

3

jQuery noconflict Fashion

Quello più frequente è costretto framework JS da utilizzare su un sito web. Ciò succede quando un grande numero di plug-in installati e che non vogliono avere solo un quadro unico esiste. Naturalmente collegata con lo svantaggio che ogni volta che una pagina viene inviata con una quantità relativamente grande di esigenze di dati, con almeno i vari Core Framework file.

Incorporare i due nuclei ci porta ma non abbastanza per l'obiettivo. jQuery fornisce questo noconflict alla moda. Questo serve a incorporare le chiamate di libreria e si assicura che il jQuery trattare nell'ambito di uno spazio dei nomi diverso.

Per esempio:

? Visualizza codice JavaScript 
  1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14

 "text/javascript" src = "_js/mootools-release-1.1.2.js" ></ script > < script type = "text/javascript" src = "_js/jquery.js" ></ script > //domready-event von mootools window. addEvent ( 'domready' , function ( ) { //jQuery Syntax zum Ansprechen eines Elementes var jq = $ ( '#someid' ) ; alert ( jq. attr ( 'class' ) ) ; //mootools var moot = $ ( 'moot' ) ; alert ( moot. getProperty ( 'class' ) ) ; } ) ; tipo = <Script "text / src = javascript" "_js/mootools-release-1.1.2.js"> </> <script tipo script = "text / src = javascript" "_js / jquery.js"> </ script> / /-evento finestra domready di mootools. addEvent ('domready', function () (/ / sintassi jQuery per risolvere un elemento var = $ JQ ('someid #') alert (jq. attr ('classe') ) / / var mootools discutibile = $ ('discutibile') alert (getProperty moot. (''));)); classe

Questo script è stato installato, Firebug genera un errore ora. Javascript non è possibile fare riferimento al simbolo $ ed è in caso di cui sopra, il metodo "non attr." Ora arriva la noconflict modalità nel gioco.

? Visualizza codice JavaScript 
  1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17

 "text/javascript" src = "_js/mootools-release-1.1.2.js" ></ script > < script type = "text/javascript" src = "_js/jquery.js" ></ script > < script > jQuery. noConflict ( ) ; //domready-event von mootools window. addEvent ( 'domready' , function ( ) { //jQuery Syntax zum Ansprechen eines Elementes var jq = jQuery ( '#someid' ) ; alert ( jq. attr ( 'class' ) ) ; //mootools var moot = $ ( 'moot' ) ; alert ( moot. getProperty ( 'class' ) ) ; } ) ; </ script > tipo = <Script "text / src = javascript" "_js/mootools-release-1.1.2.js"> </> <script tipo script = "text / src = javascript" "_js / jquery.js"> </ script> <script> jQuery. noconflict () / / evento-finestra domready di mootools. addEvent ('domready', function () (/ / sintassi jQuery per risolvere un elemento JQ var = jQuery ('# someid'); allarme (jq. attr ('classe')) / / mootools discutibile var = $ ('discutibile') alert (getProperty moot. ('<'));)) classe / script>

Se ora si vuole affrontare un oggetto su jQuery per sostituire il "$" con "jQuery" e mantiene la sintassi $ per MooTools. Una convivenza pacifica.
In questo modo, è possibile utilizzare jQuery con Sogut come qualsiasi altro contesto. Purtroppo, uno dei quadri pochi hanno jQuery a tale modalità. Se si desidera utilizzare Prototipo per esempio in connessione con MooTools non esiste alcuna opzione di Arte

18 mar 2009

Stefan Huissel

0

jQuery Debugger

Nello sviluppo di uno sguardo più profondo nella struttura oggetto Prgrammcode è spesso essenziale. Un buon debugger può salvare uno ora di cercare errori. Pertanto, vorrei introdurre brevemente un debugger jQuery. Potete scaricarlo a voi come un plugin jQuery su: jQuery Debugger
Una volta che la spina sia montata (come al solito con tag script e l'attributo SRC), è possibile richiamare con il seguente codice:

? Visualizza codice JavaScript 
  1
 2
 3

  new jQuery. debug ( ) ; debug var = jQuery nuovo. debug ();
 / / ...
 Object ) ; . Debug dump (Object);

Ora un piccolo esempio di questo:

? Visualizza codice HTML 
  1

  <input name="LieferName" value="" class="validate['required','length[6,-1]']" type="text" id="LieferName" />

Il codice è più vicino a questo oggetto potrebbe essere simile a questo:

? Visualizza codice JavaScript 
  1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12

  jQuery. debug ( { debug = jQuery nuovo. debug ((
	 x : 'right' , y : 'bottom' } , Posto: (x: 'right', y: 'basso'),
	 , larghezza: '480px ',
	 , altezza: '50% ',
	 , itemDivider: '<hr>'
	 'tagName' , 'id' , 'innerText' , 'href' , 'value' ] listDOM: 'tagName [', 'id', 'innerText', 'href', 'valore']
	 ));

 showMeDebug funzione () (
   $ ( 'LieferName' ) ; var = input $ ('Nome di consegna');
   input ) ; debug. dump (input);
 )

Ormai ciò showMeDebug dopo aver chiamato la funzione si trovano sul lato inferiore destro dello schermo una finestra in cui tutti gli attributi di tutte le "listDOM" per l'oggetto "input" viene visualizzato.
Per un campo di modulo, questa funzione è solo parzialmente interessante. Ragione per usare il debugger per gli oggetti complessi, la maggior parte di tutte le istanze della classe.

Va osservato che, prima di "debug = jQuery.debug nuovo" può vedere la dichiarazione "var di JavaScript sono disponibili e" jQuery "deve essere sostituito da $. Lo script sopra è stato nel campo della moda di jQuery noconflict esecuzione.