jquery-mobile |垂直滑块

时间:2015-01-02 08:34:44

标签: javascript html css jquery-mobile slider

我最近开始使用jquery-mobile,所以我没有完整的信息。 无论如何,我试图找到垂直滑块,我发现了一个,但问题是jquery-mobile的不同版本。

以下是我的简单代码:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* Hide the number input */
.full-width-slider input {
display: none;
}
.full-width-slider .ui-slider-track {
margin-left: 15px;
}
</style>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>


</head>

<body>

<a href="#" class="ui-btn ui-btn-inline ui-icon-home ui-btn-icon-left" >Home</a>
<a href="#" class="ui-btn ui-btn-inline ui-icon-gear ui-btn-icon-right" style="float: `right">Setting</a>
<form class="full-width-slider">
<input type="range" name="slider-12" id="slider-12" min="0" max="5" value="1" class="ui-hidden-accessible">
</form>

</body>
</html>

我想把垂直滑块放在左下方。我如何处理jquery-mobile的版本,有没有人知道我可以申请的垂直滑块?谢谢。

0 个答案:

没有答案