- Registriert
- 11.04.12
- Beiträge
- 35
Hallo liebes Forum,
ich bin beim Arbeiten auf etwas gestoßen, das ich nicht verstehe.
Die jQuey Bibliothek bietet die methode .css() an, um auf css Eigenschaften zuzugreifen, bzw. diese zu manipulieren.
Ich brauche für ein Skript die Eigenschaft "border-width".
Daher 1. Versuch
Nichts funktioniert ...
Google angeworfen und gesucht ... Antwort gefunden: jQuery kann mit dem "-" nichts anfangen.
http://stackoverflow.com/questions/3787502/how-to-get-border-width-in-jquery-javascript
Beispiel bei JSFiddle
Okey ... also 2.Versuch
Funktioniert immer noch nicht ...
Der einzige Unterschied ist, dass im Beispiel die CSS-Anweisungen "inline" sind und bei mir "embedded".
Scheinbar kann jQuery damit nichts anfangen.
Habt Ihr da eine Idee, wieso es nicht geht?
Ich versteh es leider nicht.
ich bin beim Arbeiten auf etwas gestoßen, das ich nicht verstehe.
Die jQuey Bibliothek bietet die methode .css() an, um auf css Eigenschaften zuzugreifen, bzw. diese zu manipulieren.
Ich brauche für ein Skript die Eigenschaft "border-width".
Daher 1. Versuch
Code:
<!DOCTYPE html>
<html>
<head>
<title>jquery-borderWidth</title>
<meta charset="ISO-8859-1">
<style type="text/css">
#test
{
position: absolute;
width : 560px;
height : 360px;
padding : 10px;
border-width: 10px;
border-style: solid;
border-color: #000000;
left : 50%;
top : 50%;
margin : -200px 0px 0px -300px;
}
</style>
</head>
<body>
<div id="test">
<p>Das ist ein Text</p>
</div>
<script language="javascript" type="text/javascript" src="./jquery-1.8.2.min.js"></script>
<script language="javascript" type="text/javascript">
var border = $("#test").css("border-width");
console.log("border-width: "+border);
alert(border);
</script>
</body>
</html>
Nichts funktioniert ...
Google angeworfen und gesucht ... Antwort gefunden: jQuery kann mit dem "-" nichts anfangen.
http://stackoverflow.com/questions/3787502/how-to-get-border-width-in-jquery-javascript
Beispiel bei JSFiddle
Okey ... also 2.Versuch
Code:
<!DOCTYPE html>
<html>
<head>
<title>jquery-borderWidth</title>
<meta charset="ISO-8859-1">
<style type="text/css">
#test
{
position: absolute;
width : 560px;
height : 360px;
padding : 10px;
border-width: 10px;
border-style: solid;
border-color: #000000;
left : 50%;
top : 50%;
margin : -200px 0px 0px -300px;
}
</style>
</head>
<body>
<div id="test">
<p>Das ist ein Text</p>
</div>
<script language="javascript" type="text/javascript" src="./jquery-1.8.2.min.js"></script>
<script language="javascript" type="text/javascript">
var border = $("#test").css("borderWidth");
console.log("border-width: " + border);
alert(border);
</script>
</body>
</html>
Funktioniert immer noch nicht ...
Der einzige Unterschied ist, dass im Beispiel die CSS-Anweisungen "inline" sind und bei mir "embedded".
Scheinbar kann jQuery damit nichts anfangen.
Habt Ihr da eine Idee, wieso es nicht geht?
Ich versteh es leider nicht.