Hallo,
das ist zwar kein Programmierproblem aber wenn es ok ist poste ich es trotzdem hier, vl kann mir ja wer helfen.
Ich will $(".responsive-slider").width(); cross plattform und crossbrowser rausfinden. Das funktioniert nicht richtig.
Bei meinem Xperia Z1 + Android 5.02 + Firefox bekomm ich einen anderen value (falschen value) als am PC
Sobald ich das // alert("ww"); unten einblende bekomme ich den richtigen value.
Bitte nicht vorschlagen px statt % zu verwenden, denn das ist keine option .
Weiß jemand woran es liegt? Hat wer eine Lösung?
Danke vielmals!
das ist zwar kein Programmierproblem aber wenn es ok ist poste ich es trotzdem hier, vl kann mir ja wer helfen.
Ich will $(".responsive-slider").width(); cross plattform und crossbrowser rausfinden. Das funktioniert nicht richtig.
Bei meinem Xperia Z1 + Android 5.02 + Firefox bekomm ich einen anderen value (falschen value) als am PC
Sobald ich das // alert("ww"); unten einblende bekomme ich den richtigen value.
Bitte nicht vorschlagen px statt % zu verwenden, denn das ist keine option .
Weiß jemand woran es liegt? Hat wer eine Lösung?
Danke vielmals!
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>a</title>
<style type="text/css">
html,body
{
height: 100%;
margin: 0;
padding: 0;
overflow-x:hidden;
overflow-y:hidden;
}
.container {
position: absolute;
top: 0; bottom: 0; left: 0;right: 0;
margin: auto;
z-index:1;
}
.responsive-slider {
position: relative;
margin:0 auto;
overflow:hidden;
float:left;
width:80%;
height:100%;
}
#slider-control-div-right, #slider-control-div-left {
float:left;
position:relative;
height:100%;
width:10%;
}
</style>
</head>
<body>
<div class="container">
<div id="slider-control-div-left">
</div>
<div class="responsive-slider">
</div>
<div id="slider-control-div-right">
</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
// alert("ww");
var sliderWidth = $(".responsive-slider").width();
alert(sliderWidth);
$(".content").css("width", sliderWidth);
});
</script>
</body>
</html>
Zuletzt bearbeitet: