当滑块位于多重地图上方时，Scriptaculous 滑块手柄不会移动

Question

我有一个 Scriptaculous Slider 显示在 多地图。我遇到的问题是，在此页面上，如果您尝试拖动滑块手柄，它不会移动。如果我单击滑块轨道，手柄会正确跳转到该点，然后您可以使用手柄正确拖动。

单击手柄成功注册了单击，因为我可以 console.log() 滑块此时的值。尝试通过手柄拖动滑块只会不断记录相同的值，并且手柄不会移动。

滑块在任何没有多重贴图的页面上都能正常工作。

页面上没有其他 JS 框架（只有 Prototype 和 Scriptaculous）。

我真的不确定问题所在。如果滑块没有注册任何内容，那么地图以某种方式位于顶部或窃取了点击事件就有意义了。但点击次数显然是被记录的。我也不明白为什么单击滑块轨道可以完全解决问题。

有人可以给我指出正确的方向（无论是修复，还是自己调试问题的路径）。

我尝试过的事情：

• 设置手柄的 z-index 。
• 使模态对话框一开始就可见（因为它一开始是隐藏的 - 我认为它可能与 这个问题，但没有帮助）。

Answer 1

发现问题了。

Scriptaculous Slider 和 Multimap 都定义了 Array.prototype.indexOf，但方式不同。

解决方案（因为我只想在滑块上有 1 个句柄）是编辑 slider.js 并将调用更改为 this.handles.indexOf。

Index: slider.js
===================================================================
--- slider.js   (revision 1)
+++ slider.js   (working copy)
@@ -219,14 +219,14 @@
           this.offsetY = (pointer[1] - offsets[1]);
         } else {
           // find the handle (prevents issues with Safari)
-          while((this.handles.indexOf(handle) == -1) && handle.parentNode) 
+          while((this.handles[0] != handle) && handle.parentNode)
             handle = handle.parentNode;
-            
-          if (this.handles.indexOf(handle)!=-1) {
+
+          if (this.handles[0] == handle) {
             this.activeHandle    = handle;
-            this.activeHandleIdx = this.handles.indexOf(this.activeHandle);
+            this.activeHandleIdx = 0;
             this.updateStyles();
-            
+
             var offsets  = Position.cumulativeOffset(this.activeHandle);
             this.offsetX = (pointer[0] - offsets[0]);
             this.offsetY = (pointer[1] - offsets[1]);

使用此修复程序的任何人请注意：虽然此修复程序将使 Scriptaculous Slider 和 Multimaps 可以在同一页面上协同工作，但它只会使滑块上只有 1 个手柄起作用。我还没有测试过如果您尝试将其与 2 个或更多手柄一起使用会发生什么。