javascript - 从输入框到jQuery .rotatable事件的自定义可旋转值

开发可定制产品集成时，我有一个事件触发选项，可以使用jQuery .rotatable句柄旋转Div元素，效果很好。 .ui-rotatable-handle触发的事件

但是我需要使用Inputbox值控制相同的旋转角度，也就是说，当用户键入任何值时，它会动态影响使用jQuery绑定.rotatable事件。

jQuery('.class').rotatable({ containment: "parent",
    wheelRotate: false,
    stop: function(event, ui) {

        if(ui.angle.current<0){
            var given_angle = ui.angle.current+2*Math.PI;
        }else{
            var given_angle = ui.angle.current;
        }

        var new_angle = Math.round(given_angle*180/ Math.PI);
        if(new_angle){
            jQuery('#rotate_s').val(new_angle);
        }
    }
});

HTML Inputbox自定义触发器

jQuery('#rotate_s').keyup(function() {

        var rotate_u = jQuery(this).val();

 _//Required some code to reflect the existing rotatable event_

});

输入框

 <input type="text" name="rotate_s" id="rotate_s" value="0">

最佳答案

注意输入字段上的更改，并向该元素添加一个类。

$( ".inputfield" ).change(function() {
  $(this).addClass('rotatable');
});

当然，可旋转类应具有一些转换和转换CSS代码以旋转div。