Добрый день, всем!
такая проблема есть у меня слайдеры
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>slider demo</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link href="style.css" rel="stylesheet" type="text/css"/>
<link rel='stylesheet prefetch' href='http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css'>
<style>
#slider0, #slider1 { margin: 10px; width: 300px; }
</style>
</head>
<body>
<div id="slider0"></div>
<div id="slider1"></div>
<script>
var sliders = $( "#slider0, #slider1" );
sliders.slider(
{
orientation: "vertical",
slide: function( event, ui ) {
var i = sliders.index(this);
i ^= 1;
$("#slider"+i+ " .ui-slider-handle").css("left", (ui.value)+"%");
}
}
);
</script>
</body>
</html>
как мне сделать чтобы заставить их работать вертикально?
orientation: "vertical", не то тут не помагает. Признаюсь этот код
var i = sliders.index(this);
i ^= 1;
$("#slider"+i+ " .ui-slider-handle").css("left", (ui.value)+"%"); нашел здесь на форуме...
заранее спасибо