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

By simon at 2018-02-27 • 0人收藏 • 23人看过

开发一个可定制的产品集成,我有一个事件触发选项 使用jQuery .rotatable han旋转Div元素dle,这是行之有效的。 由.ui-rotating-handle触发的事件 但我需要使用Inputbox控制相同的旋转角度值,也就是说 当用户键入任何值时,它会动态地影响绑定.rotatable 使用jQuery的事件。

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);
        }
    }
});
HTMLInputbox自定义触发器
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">

1 个回复 | 最后更新于 2018-02-27
2018-02-27   #1

注意您的输入字段的更改,并向此元素添加一个类。

$( ".inputfield" ).change(function() {
  $(this).addClass('rotatable');
});
当然,可旋转类应该有一些t转换和转换的CSS 代码来旋转div。

登录后方可回帖

Loading...