通过 jscrollpane 拖放滚动窗格

发布于 2024-12-08 20:37:00 字数 155 浏览 0 评论 0原文

好奇是否有人向 jscrollpane 添加了拖放功能?

我希望拖动一个 div(在 jscrollpane 内部)并将其放入 jscrollpane 外部的 div 中,然后将其恢复到源。

现在,由于溢出隐藏,您无法将其拖动到 jscrollpane 窗口之外。

Curious if anyone has added drag and drop functionality to jscrollpane?

I'm looking to drag a div (inside jscrollpane) and drop it in a div outside the jscrollpane and have it revert back to the source.

Right now with overflow hidden you can't drag outside of the jscrollpane window.

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

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

发布评论

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

评论(1

看透却不说透 2024-12-15 20:37:00

我也有同样的问题。
我的页面由 jScrollPane 左侧的标签列表和将标签拖到的页面其余部分的图像组成。这些标签可从 jQuery Ui 中拖动。我无法将标签拖动到滚动窗格之外,因为溢出:隐藏是使其工作所必需的。

但如果您使用 jQuery Ui(您未指定),这里有一个解决方法:
您可以使用辅助元素并将其附加到正文(因为它位于滚动窗格之外)。这将创建该元素的副本,这就是您拖动的内容。这为用户提供了足够的视觉反馈。我无法找到一种方法来实现它,以便您可以拖动实际元素,但这可行:

$( ".selector" ).draggable({ 
    helper: 'clone' ,
    appendTo: 'body'
});

I had this same issue.
My page consists of a list of tags on the left inside a jScrollPane and images on the rest of the page that you drag the tags to. The tags are draggables form jQuery Ui. I wasn't able to drag the tags outside the scroll pane because of the overflow:hidden that is necessary to make it work.

But here's a workaround if you're using jQuery Ui (you didn't specify):
You can use a helper element and append it to the body (because it's outside the scroll pane). This creates a copy of the element and that is what you drag. This gives sufficient visual feedback to the user. I can't figure out a way to make it so you can drag the actual element, but this works:

$( ".selector" ).draggable({ 
    helper: 'clone' ,
    appendTo: 'body'
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文