• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[JQUERY] Jquery und verschiedene Browser

S

stehepa

New member
Hallo, in meinem Projekt sticker neu funktionieren die Skripte nur im IE und im FF, warum? Gibt es einen Kniff oder Trick, die Skripte allen Browsern verständlich zumachen?

Safari und Chrome führen nur das Sizen der Schrift aus, alle anderen Skripte tuen nicht der gleichen. Warum?

Gruß
 
Hallo, ich habe ein einfaches Skript geschrieben, welches im FF und im IE funktioniert. Aber im Chrome und Safari nicht, sind wirklich nur ein paar Zeilen, vielleicht kann mir einer von Euch nen Tipp geben, woran es grundsätzlich liegen könnte.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Sticker Konfigurator</title>
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script src="js/test.js"></script>
	</head>
	<body>
		<input id="test" type="text" value=""/>
		<select id="color">
			<option value="#cccccc">Grau</option>
			<option value="#ffcc00">Gelb</option>
		</select>
	</body>
</html>

Code: 
$( document ).ready(function() {

 function farbeholen(){
		$("#color option").click(function() {
		colors = $(this).val();
		$("#test").css("color",colors);
		});
    }

farbeholen();
});

Ich bin mit meinem Latein am Ende, das kann doch nicht so schwer sein..
 
Zuletzt bearbeitet:
OK, jQuery schmeisst keine Fehlermeldungen. Wenn es keiner beim Draufschauen findet musst du Stück für Stück die jQuery Kommandos durch pures JS ersetzen oder mit Debug alerts arbeiten.
 
Selbst das funktioniert hier nur im IE und im FF:

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Sticker Konfigurator</title>
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	</head>
	<body>
	<script>
	$( document ).ready(function() {

		function farbeholen(){
			$("#color option").click(function() {
			colors = $(this).val();
			$("#test").css("color",colors);
			});
		}

	farbeholen();
	
	});	
	</script>
		<input id="test" type="text"/>
		<select id="color">
			<option value="grey">Grau</option>
			<option value="red">Farbe</option>
		</select>
	</body>
</html>

- - - Aktualisiert - - -

Ok, Safari und Chrome kommen offenbar mit dem $("#color option") feld nicht klar. wenn ich allerdings $("#color").click nehme, geht es. wieder was gelernt
 
Vielleicht mögen die anderen Browser die Bereitstellung der function() nicht auf diese Weise?! Denn für gewöhnlich sieht sowas so aus:

Code: 
function farbeholen(){
	$("#color").on('change', function(){
		var colors = $(this).val();
		$("#test").css("color",colors);
	});
}

$(function(){
	farbeholen();
});
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben