将 .rotatable 添加到对象 returns 其初始度数为 0

Question

将 .rotatable 添加到对象 returns 其初始度为 0

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

例如，如果我有一个 div 和 class= box 当我使用 $('.box').rotatable(); 制作这个 div rotatable 这个库添加 ui-rotatable class 到 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和class框旋转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

Answer 1

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

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

现在角度没有被接收为 0，所以使用旧角度。

将 .rotatable 添加到对象 returns 其初始度数为 0

adding .rotatable to object returns its initial degree to 0

html

javascript

css

jquery

rotation