可拖动的jQuery UI不能在RTL页面中拖动X轴

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (22)

我使用以下内容:

jQuery v3.3.1

jQuery UI-v1.12.1-2018-10-16

重现问题的步骤:

  1. 在html标记的顶部有一个带RTL的HTML页面。
  2. 在css文件中包含Jquery和Jquery ui。
  3. 在文档就绪时为div元素启用可拖动组件。

$("#element-helper").draggable({ handle: ".handle" });

<div id="element-helper">
  <div class="header">
    <i class="icon white note"></i>
    <h3 class="handle"> Element Insert</h3>
    <a class="close-styler"><i class="icon white delete"></i></a>
  </div>
</div>

你们知道解决这个问题的方法吗?我一直在寻找,但还没有找到解决方案。

当我从html标签中删除RTL时,它工作正常。但我的页面和框架只是rtl。

提问于
用户回答回答于

必须将元素css保持在左方向,以便即使在RTL中也能正常工作。

#element-helper {
  top: 100px;
  left: 100px;
  position: fixed;
  min-height: 500px;
  width: 400px;
  font-weight: 300;
}

扫码关注云+社区

领取腾讯云代金券