javascript - 使用 CSS 缩放时，jquery-ui slider 行为错误

Question

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

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

我有一个 jquery slider ，由于缩放，它的行为不如预期。

• slider handle 在拖动时从光标处跳开
• 点击 slider 时， handle 跳转到不同的位置

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;
}

hare scaleFactor 是缩放值，在您的例子中是 2.21538。 scaleFactor 变量必须在全局范围内可用，否则会出错。