将 .rotatable 添加到对象将其初始度数返回为 0答案

【问题标题】：adding .rotatable to object returns its initial degree to 0将 .rotatable 添加到对象将其初始度数返回为 0
【发布时间】：2021-02-13 16:27:35
【问题描述】：

向对象添加 .rotatable 会将其初始度数返回为 0

我制作了一个代码笔，在其中通过 jquery 插入 HTML，当我制作它们时 rotatable 他们失去了角度 link

例如，如果我有一个带有class= box 的div，当我使用$('.box').rotatable(); 制作这个div rotatable 时，这个库会将ui-rotatable 类添加到div 并添加句柄div

<div class="ui-rotatable-handle" unselectable="on" style="user-select: none; position: absolute; width: 9px; height: 9px; top: 0px; left: 0px; cursor: grab;"></div>

所以完整的结果如下所示（在将带有类框的 div 旋转 180 度后，它具有 transform: rotate(180deg); 的样式）

<div class="box ui-rotatable" style="transform: rotate(180deg);">
Text rotate
<div class="ui-rotatable-handle" unselectable="on" style="user-select: none; position: absolute; width: 9px; height: 9px; top: 0px; left: 0px; cursor: grab;"></div>

现在我有了这段代码，我想在启动时插入它，这样 div 需要 180 度并且可以旋转，所以我创建了一个 div container 并使用 jquery 将 div 框注入到它 $("#container").html(content);

此时，div 旋转了 180 度，但它不能旋转，所以我使用$('.box').rotatable(); 使其再次可旋转，但现在 div 回到了 0 度。

我已经在代码中搜索了是否有东西重置了学位但找不到它，尤其是它正在用这个代码instance.elementCurrentAngle告诉原始学位。

【问题讨论】：

标签： javascript html jquery css rotation

【解决方案1】：

返回并仔细检查代码，我发现 _angle 函数正在接收，angle 的值 0 并且该函数调用 perform 函数，角度值为 0，所以我禁用了函数 @ 987654325@

 _angle: function(angle) {
            this.elementCurrentAngle = this._calculateAbsoluteAngle(this._num(angle));
            // return this.perform(this.element, this.elementCurrentAngle);
        },

现在角度不是作为 0 接收，而是使用旧角度。

【讨论】：