Javascript 脚本(scriptaculous)可拖动且不在Safari中执行
我已经创建了一个非常iphone-y的滑块元素,它在水平方向0-400px的整体移动中受到限制,并且它不会垂直移动,当它通过200px标记并且拖动结束时,它会捕捉到400px容器的任一侧。它在firefox中工作得非常完美。在Safari中,永远不会调用将元素定位到此400px容器两端的onEnd函数。此外,draggable元素会粘在鼠标光标上,我必须重新加载页面才能结束动画 这是我的密码Javascript 脚本(scriptaculous)可拖动且不在Safari中执行,javascript,safari,scriptaculous,draggable,Javascript,Safari,Scriptaculous,Draggable,我已经创建了一个非常iphone-y的滑块元素,它在水平方向0-400px的整体移动中受到限制,并且它不会垂直移动,当它通过200px标记并且拖动结束时,它会捕捉到400px容器的任一侧。它在firefox中工作得非常完美。在Safari中,永远不会调用将元素定位到此400px容器两端的onEnd函数。此外,draggable元素会粘在鼠标光标上,我必须重新加载页面才能结束动画 这是我的密码 <div style="width:100px;height: 60px;background-c
<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>
谢谢!
andrew为了您将来的参考,无法从这个控制台中搜索任何内容,取消注释控制台。来自ONED处理程序的调试调用解决了这个问题。奇怪。提交一个bug a:DDo你是说注释掉console.debug?如果您使用firebug,请访问他们的网站,确保使用他们的存根文件,该文件定义了诸如console.debug之类的函数,以便浏览器/w-out firebug不会崩溃。