2017-07-19 28 views
0

我已经应用到我的应用程序的主包装规模:当使用CSS变焦,查询的UI滑块行为错误

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

我有一个jquery滑块按预期的结垢未表现。

  • 滑块手柄是跳跃从光标离开时,它被拖到被点击滑块时
  • ,手柄跳至不同位置
+0

这是jQuery的冲突。你需要检查你使用的jquery。 –

+0

已使用https://code.jquery.com/jquery-1.12.4.js和https://code.jquery.com/ui/1.12.1/jquery-ui.js –

回答

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变量必须在全局范围内可用,否则会出错。

+0

它像一个魅力:)但是我不能在某一点之后拖动手柄。我猜这个范围也发生了变化。你能告诉我该如何解决这个问题吗? –