0

我创建了一个非常 iphone-y 滑块元素，它既限制了整体水平移动（0-400 像素并且它不垂直移动），又在 400 像素“容器”通过 200 像素标记时“捕捉”到任一侧并且拖动已经结束。它在Firefox中完美运行。在 Safari 中，将元素定位到这个 400px 容器的任一端的 onEnd 函数永远不会被调用。更重要的是，可拖动元素“粘”在鼠标光标上，我必须重新加载页面才能结束动画。

这是我的代码

<div style="width:100px;height: 60px;background-color:#000;z-index:999" id="dragtest" />
<script language="JavaScript" type="text/javascript">
new Draggable('dragtest', { constraint: 'horizontal',
    onEnd: function(e, me) {
        console.debug("!!!")
        element = e.element
        x = element.style.left
        x = x.gsub('px','')

        if (x >= 200) {
            $('dragtest').style.left = 400+'px';

        }

        if (x < 200) {
            $('dragtest').style.left = 0+'px';
        }

        console.debug("Snapping to ", element.style.left, " (x was ", x, ")")
        return true;

    },
    snap: function(x, y) {
        ret_x = x
        ret_y = y

        if (x >= 400) {
            ret_x = 400
        }

        if (x <= 0) {
            ret_x = 0
        }

        return [ret_x,ret_y]

    }
});
</script>

谢谢！安德鲁

4

1 回答 1

0

为了您将来的参考（无法通过谷歌搜索任何内容），从 onEnd 处理程序中取消注释 console.debug() 调用解决了这个问题。奇怪的。

于 2009-02-23T17:05:29.207 回答