不能使 jQuery UI 元素可拖动?

Posted

技术标签:

【中文标题】不能使 jQuery UI 元素可拖动?【英文标题】:Can't make jQuery UI element draggable? 【发布时间】:2011-12-27 23:12:40 【问题描述】:

我在使用可拖动功能时遇到了问题。请参阅下面链接中的页面。在窗口中滚动并查看“可拖动”元素的作用。移动区域是窗口的边框。

http://in-wien.com/test/draggable/bug.htm

谢谢, 菲利普

【问题讨论】:

我看你的页面没有问题,你能试着更清楚问题是什么吗? @philipp-caha 您的 CSS 可能会导致问题。请检查您的 CSS 是否为您拖动的元素提供了任何边距值.. +1 @Brad 我看到了问题。要找出:用鼠标滚动条单击并将其拖到底部。在那个特定的点窗口框架捕捉到光标。 问题已修复 :-) 可选参数“cancel”可以停止它。 $('#testdiv').draggable( stack: "#dragset div.uix", cursor: 'move', opacity: 0.5, handle: '.outbox', cancel: '.contentbox' ); 您能否添加解决方案作为答案?然后,您可以选择您的作为正确答案并结束您的问题。这可能看起来很奇怪,但它是处理此类情况的首选方式。 【参考方案1】:

可选参数“cancel”可以停止。

$('#testdiv').draggable(  stack: "#dragset div.uix", cursor: 'move', opacity: 0.5, handle: '.outbox', cancel: '.contentbox' );

:)

【讨论】:

以上是关于不能使 jQuery UI 元素可拖动?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery ui 可拖动元素在滚动 div 之外不能“拖动”

Jquery UI Droppable revert不能再次删除

如何使用 jquery ui 使拖动和克隆的元素再次可拖动?

Jquery 使克隆图像可拖动和调整大小

在jQuery中拖动时元素不能有z-index最大值

Angular JQuery UI 元素的可拖动副本