【发布时间】：2012-03-28 08:22:12
【问题描述】：
所以这就是我真正想做的事情， 我正在创建一个网络应用程序，它允许通过转动旋钮来调整电台，但是我不确定如何做，我知道 onClick 和那种类型的功能，但是如何将图像从 90 移动到 180度数而不制作多于一张图像，并根据他们松开的时间存储其位置。
例如： 说我们有 88.0 到 108.9
我希望每次转弯都上升 1， 所以 88.0 变成 88.1 等等。
谢谢
【问题讨论】：
【发布时间】：2012-03-28 08:22:12
【问题描述】：
Hiya 工作演示：这里打一个勾：http://jsfiddle.net/WwkB8/4/（你会看到区别：）--（打2个勾）http://jsfiddle.net/WwkB8/2/
这将有所帮助：如果您有任何代码轻弹它，请参阅下面的代码和上面的工作演示链接。希望这是有用的。从 88.0 到 108.9！ （每次 0.1，所以 88.0 到 88.1）
Jquery 代码
$(document).ready(function() {
$("#slider").slider({
min: 88.0,
max: 109.0,
step: .1,
values: [88.0], // In case of 2 tick slider values: [88.0, another value]
slide: function(event, ui) {
for (var i = 0; i < ui.values.length; ++i) {
$("input.sliderValue[data-index=" + i + "]").val(ui.values[i]);
}
}
});
$("input.sliderValue").change(function() {
var $this = $(this);
$("#slider").slider("values", $this.data("index"), $this.val());
});
});
HTML
<form>
<div>
<input type="text" class="sliderValue" data-index="0" value="88.0" />
<input type="text" class="sliderValue" data-index="1" value="108.9" />
</div>
<br />
<div id="slider"></div>
</form>
干杯！
【讨论】：
-
这应该如何使用 2 个刻度？你用什么样的收音机？我的收音机只能收听一个电台...
-
嗨，2 滴答声你的意思是这样的：jsfiddle.net/petersendidit/kbHbc/1 ？嗯，同样，你是什么意思我听什么样的收音机，伙计？ :) 对不起，如果它是一个厚厚的问题。欢呼
-
您的 jsfiddle 解决方案有 2 个刻度，这如何帮助用户选择电台？
-
@Rumplin 更正完成，谢谢；单刻度滑块现在也在那里，cheerios！
如果您正在搜索如何旋转图像，您一定要看看那里：Transform in jQuery。
有一个名为 jQuery rotate 的 jQuery 插件：http://code.google.com/p/jqueryrotate/
【讨论】：