JQuery - Probleme lösen (Troubleshooting) - Versionsgeschichte

178.2.237.197: /* Testen welche Tools geladen sind */

2011-10-12T11:41:46Z

Testen welche Tools geladen sind

178.2.237.197: /* JavaScript Debug Infos auf die Konsole ausgeben */

2011-10-12T11:41:08Z

JavaScript Debug Infos auf die Konsole ausgeben

178.2.227.179: /* jQuery Scope in anonyme Funktion */

2011-10-04T19:38:43Z

jQuery Scope in anonyme Funktion

178.2.227.179: /* jQuery Scope in anonyme Funktion */

2011-10-04T18:51:50Z

jQuery Scope in anonyme Funktion

178.2.227.179: /* No Conflict Mode */

2011-10-04T12:32:31Z

No Conflict Mode

178.2.227.179: Die Seite wurde neu angelegt: „== jQuery mit anderen Libaries nutzen == Manchmal gibt es Probleme wenn andere Skripte ebenfalls das Dollar ($) Symbol nutzen. Typische Fehler sind dann z.B. …“

2011-10-04T12:31:55Z

Die Seite wurde neu angelegt: „== jQuery mit anderen Libaries nutzen == Manchmal gibt es Probleme wenn andere Skripte ebenfalls das Dollar ($) Symbol nutzen. Typische Fehler sind dann z.B. …“

Neue Seite

== jQuery mit anderen Libaries nutzen ==
Manchmal gibt es Probleme wenn andere Skripte ebenfalls das Dollar ($) Symbol nutzen.

Typische Fehler sind dann z.B. “$().ready is not a function” “$(document) doesn’t support this property or method”. Oder: “null is null or not an object”

Hier gibt es 2 Möglichkeiten die man probieren kann:
=== No Conflict Mode ===
Hier wird das $ Zeichen mit einem anderen frei wählbaren Zeichen ersetzt.

http://api.jquery.com/jQuery.noConflict/

=== jQuery Scope in anonyme Funktion ===

Hierbei wird der Code innerhalb einer Anonymen Funktion ausgeführt und in dieser gilt wiederum ein lokaler jQuery Scope. Sie wird also unabhängig vom Rest der Skripte ausgeführt. Dies funktioniert auch wenn jQuery schon im no conflict Mode läuft und zwar ohne Anpassung der Skripte.

<pre>
<script type="text/javascript">
( function($) {
// we can now rely on $ within the safety of our “bodyguard” function
$(document).ready( function() { alert("nyah nyah! I’m able to use '$'!!!!"); } );
} ) ( jQuery );

//this will fail
$(document).ready( function() { alert('fail?'); } );
</script>

Quelle: [[http://codeimpossible.com/2010/01/13/solving-document-ready-is-not-a-function-and-other-problems]] Zugriff 10/2011
</pre>

@@ Zeile 48: / Zeile 48: @@
 </pre>
-=== Testen welche Tools geladen sind ===
+=== Testen welche Tools bei jQuery Tools geladen sind ===
 Konsole:
   console.dir($.tools);

← Nächstältere Version		Version vom 12. Oktober 2011, 11:41 Uhr
Zeile 47:		Zeile 47:
	console.log("test");		console.log("test");
	</pre>		</pre>
		+
		+	=== Testen welche Tools geladen sind ===
		+	Konsole:
		+	console.dir($.tools);

← Nächstältere Version		Version vom 4. Oktober 2011, 19:38 Uhr
Zeile 31:		Zeile 31:

	Quelle: [[http://codeimpossible.com/2010/01/13/solving-document-ready-is-not-a-function-and-other-problems]] Zugriff 10/2011		Quelle: [[http://codeimpossible.com/2010/01/13/solving-document-ready-is-not-a-function-and-other-problems]] Zugriff 10/2011
		+	</pre>
		+
		+	=== JavaScript Debug Infos auf die Konsole ausgeben ===
		+	Mit der log Funktion des Konsole Objekts kann man Debug Infos direkt auf die JavaScript Konsole ausgeben.
		+
		+	jQuery Beispiel:
		+
		+	<pre>
		+	// Nach Kindern der Klasse .myClassName suchen und deren Objekte, ids und Klassen ausgeben
		+	var $kids = $('.myClassName').children().each(function(){
		+	var kid = $(this);
		+	console.log(kid, kid.attr('id'), kid.attr('class'));
		+	});
		+	// "Test" ausgeben ;-)
		+	console.log("test");
	</pre>		</pre>

@@ Zeile 16: / Zeile 16: @@
 <pre>
 <script type="text/javascript">
 ( function($) {
      // we can now rely on $ within the safety of our “bodyguard” function
@@ Zeile 23: / Zeile 25: @@
 //this will fail
 $(document).ready( function() { alert('fail?'); } );
 </script>
 Quelle: [[http://codeimpossible.com/2010/01/13/solving-document-ready-is-not-a-function-and-other-problems]] Zugriff 10/2011
 </pre>

@@ Zeile 6: / Zeile 6: @@
 Hier gibt es 2 Möglichkeiten die man probieren kann:
 === No Conflict Mode ===
-Hier wird das $ Zeichen mit einem anderen frei wählbaren Zeichen ersetzt.
+Hier wird das $ Zeichen mit einem anderen frei wählbaren Zeichen ersetzt. Es gibt aber auch ähnliche Möglichkeiten wie beim nächsten Beispiel.
 http://api.jquery.com/jQuery.noConflict/