Scriptaculous Drag:如何偏移拖动元素?

发布于 2024-08-26 18:10:43 字数 138 浏览 6 评论 0 原文

这是一个古老的问题 - 但现在我正在使用 scriptaculous,它又回来困扰我。当将树节点拖动到其他树节点上时,我希望鼠标悬停为我拖动的每个节点触发。所以我想定位拖动的东西,使其左上角稍微低于鼠标指针的右侧,

任何人都可以帮忙吗? - 谢谢

This is an age old problem - but now I'm using scriptaculous its come back to haunt me. When dragging a tree node over other tree nodes I want mouseover to fire for each node I drag over. So I want to position the dragging thing so that its top-left is slightly below and to the right of the mousepointer

can anyone help? - thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

幸福还没到 2024-09-02 18:10:43

也许他们的本机代码中有答案,但我找不到。

所以我通过添加插件来修复它。更改了 Draggable.prototype.draw 中的这些行

//  if((!this.options.constraint) || (this.options.constraint=='horizontal'))
//      style.left = p[0] + "px";
//  if((!this.options.constraint) || (this.options.constraint=='vertical'))
//      style.top = p[1] + "px";  

if((!this.options.constraint) || (this.options.constraint=='horizontal'))
    style.left = ((this.options.mouseOffset && point[0]) || p[0]) + "px";
if((!this.options.constraint) || (this.options.constraint=='vertical'))
    style.top = ((this.options.mouseOffset && point[1]) || p[1]) + "px"; 

,当我创建可拖动时,我设置了自己的自定义选项

mouseOffset: true

Maybe there is an answer in their native code but I couldn't find it.

So I fixed it by adding a plugin. Changed these lines in Draggable.prototype.draw

//  if((!this.options.constraint) || (this.options.constraint=='horizontal'))
//      style.left = p[0] + "px";
//  if((!this.options.constraint) || (this.options.constraint=='vertical'))
//      style.top = p[1] + "px";  

if((!this.options.constraint) || (this.options.constraint=='horizontal'))
    style.left = ((this.options.mouseOffset && point[0]) || p[0]) + "px";
if((!this.options.constraint) || (this.options.constraint=='vertical'))
    style.top = ((this.options.mouseOffset && point[1]) || p[1]) + "px"; 

and when I create the draggable I set my own custom option

mouseOffset: true
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文