使用Jquery-ui-rotating重置角度

时间:2016-06-02 16:00:36

标签: javascript jquery rotation

我正在使用jQuery UI Rotatable来旋转对象。我正在尝试实现和按钮,将旋转重置为它的起始角度。我似乎无法让它发挥作用。有什么想法吗?这是我的代码和链接。  https://github.com/godswearhats/jquery-ui-rotatable

HTML:

<button id="btn1"> Button </button>

<divs id="draggable2">
    <div id="target2" style="width: 250px; padding: 1px; padding-right: 1px">
    <img  id="target2" src="https://s33.postimg.org/dr29dnyb3/rightarm2.gif">
    </div>   

JS

 $('#target2').rotatable({angle: 0.5}); $('#draggable2').draggable();

    $('#btn1').click(function () {
    $('#target2').ui.angle.current = 0;
    }

2 个答案:

答案 0 :(得分:4)

检查一下。这将解决您的问题:

要将ID为'target'的元素的角度设置为1弧度,请执行以下操作:

$('#target').data('uiRotatable').angle(1.0)

需要学位吗?假设您想将其设置为30度......

$('#target').data('uiRotatable').angle(Math.PI * 30 / 180)

与jQuery bind()函数结合使用,可以做任何你需要的事情。

答案 1 :(得分:0)

好吧,如果有人需要知道,我想出来了。 https://github.com/godswearhats/jquery-ui-rotatable/issues/13