使用CSS缩放时，query-ui滑块的行为错误

Question

我已将比例应用于我的应用程序的主包装器：

transform-origin: center top 0px;
transform: translate(0px, 0px) scale(2.21538);

我有一个jquery滑块，由于缩放，它的行为不符合预期。

• 滑动手柄在拖动时会从光标跳开
• 单击滑块时，手柄会跳转到其他位置

Answer 1

我修改了本地文件中的jquery.ui.js库以使其正常工作

_slide: function( event, index, newVal ) {
  //add below line as first line of this function

  newVal = newVal / scaleFactor;

  //jquery code goes here
}

如果您使用的是缩小版

_slide: function(e, t, n) {
  n = n / scaleFactor;
}

在你的情况下，scaleFactor是缩放值，2.21538。 scaleFactor变量必须在全局范围内可用，否则会出错。