0

我有一个画布,它包含 5 个具有不同 ID 的图像,分别命名为 img1、img2、img3、img4 和 img5。现在我正在使用 jquery 滑块。现在,如果我在滑块中更改旋转,那么图像将被旋转,这是为该滑块分配的。但在我的情况下,我可以创建多个滑块,但是如果我在任何一个滑块中进行旋转,那么只有具有 id img5 的图像会发生变化,这不是该滑块的确切图像。简而言之,所有滑块都分配给最后一张图像。我的代码是这样的:

$('.slider').slider({
orientation : 'horizontal',
max:180,
min:-180,
value:0,
id:objid,
slide: function(event, ui) {
var $this = $(this);
/* Change the rotation and register that value in data object when it stops */
draggable_elem.css({'-moz-transform':'rotate('+ui.value+'deg)','-webkit-transform':'rotate('+ui.value+'deg)'});
$('.degrees',$this).html(ui.value);
},
stop:function(event, ui) {
newObject.rotation = ui.value;
}
});

而是objid图像的id。

请建议,如何区分仅一个滑块的图像。提前致谢。

4

0 回答 0