草庐IT

Draggable

全部标签

javascript - jQuery 拖放 - 检查可放置外的放置

很抱歉,如果这个问题在另一个问题中得到了回答,我找不到针对我的问题的特定答案!我正在尝试测试jQuery可拖动对象是否被放置在合法可放置对象之外。这通常会在90%的情况下通过恢复可拖动来解决,但我不想那样做。相反,如果draggable被放到一个droppable上,我想做一件事(工作得很好!),如果它被放到所有可能的droppable之外,我想做另一件事(目前让我变得更好!)。简而言之:jQuery('#droppable').droppable({accept:'#draggable',drop:function(event,ui){//awesomecodethatworksan

javascript - jQuery 拖放 - 如何获取被拖动的元素

我正在使用jQuery库来实现拖放操作。如何在拖放元素时获取被拖动的元素?我想获取div中图像的ID。拖动以下元素:我有他们示例中的标准删除函数:$(".drop").droppable({accept:".block",activeClass:'droppable-active',hoverClass:'droppable-hover',drop:function(ev,ui){}});我尝试了各种ui.id等,但似乎都不起作用。 最佳答案 不是ui.draggable吗?如果你去这里(在Firefox中并假设你有firebug)

javascript - jQuery 拖放 - 如何获取被拖动的元素

我正在使用jQuery库来实现拖放操作。如何在拖放元素时获取被拖动的元素?我想获取div中图像的ID。拖动以下元素:我有他们示例中的标准删除函数:$(".drop").droppable({accept:".block",activeClass:'droppable-active',hoverClass:'droppable-hover',drop:function(ev,ui){}});我尝试了各种ui.id等,但似乎都不起作用。 最佳答案 不是ui.draggable吗?如果你去这里(在Firefox中并假设你有firebug)

javascript - JQuery UI - 将 Draggable 附加到 Droppable

如何使用jQueryUI的draggables/dropables将被拖动的项目附加到放置时的目标元素?看起来jQueryUI现在的工作方式是它只是通过绝对定位在屏幕上四处移动项目。不幸的是,此功能使表单提交变得无用,因为您无法在提交时获取值的位置。提前感谢任何项目/指针! 最佳答案 如果我没理解错的话,您希望被拖动的元素与其当前父元素分离并附加到新元素,对吧?您可以使用帮助程序进行拖动(因此原始元素不受影响),并在放下时将其分离并将其附加到目标(感谢@Oleg和@Brian改进了我的原始答案)。$(myDraggable).dra

flutter - 如何使 ReorderableListView ListTile 在 Flutter 的按钮/图标按下时可拖动?

所以我看到了ReorderableListViewdemo并看到他们有“次要:constIcon(Icons.drag_handle)”但是看着reorderable_list.dart文件,我注意到整个列表无论如何都可以在LongPressDraggable上拖动[第424行]。那么我如何显式地对源代码或我自己的代码进行更改,以便正确地使图标成为实际的拖动handle?CheckboxListTile(key:Key(item.value),isThreeLine:true,value:item.checkState??false,onChanged:(boolnewValue){s

flutter - 如何使 ReorderableListView ListTile 在 Flutter 的按钮/图标按下时可拖动?

所以我看到了ReorderableListViewdemo并看到他们有“次要:constIcon(Icons.drag_handle)”但是看着reorderable_list.dart文件,我注意到整个列表无论如何都可以在LongPressDraggable上拖动[第424行]。那么我如何显式地对源代码或我自己的代码进行更改,以便正确地使图标成为实际的拖动handle?CheckboxListTile(key:Key(item.value),isThreeLine:true,value:item.checkState??false,onChanged:(boolnewValue){s

javascript - 由于 dragover 事件中的 DOM 操作,HTML5 draggable 的 drop 事件不会间歇性触发

我正在使用html5的“可拖动”属性在容器中拖动2个元素,并使用svg线来连接这两个元素。连接后,拖动第一个Div应该重绘连接的svg线(我通过调用“handleDragOver”函数在dragover事件上执行此操作)。但是,如果您更快地拖动第一个div,则不会触发drop事件,并且div会在绘制线条时保持其原始位置。functionhandleDragOver(e){if(e.preventDefault){e.preventDefault();}//SomecodedoingDOMcomputationandmanipulation}returnfalse;//e.dataTra

javascript - 制作我自己的 "draggable"函数

看来我试图复制JqueryUI的可拖动功能的尝试已经证明了div同时存在于两个地方的量子力学原理。当我将鼠标放在方框div上并移动鼠标光标时,方框div开始疯狂闪烁,并且方框div的“克隆”出现在原始方框div的东南方,它也在闪烁。这是jsfiddle:jsfiddle 最佳答案 我已经修复了你的jsfiddle,现在开始吧:http://jsfiddle.net/5Sxrq/2/问题是:margin-top:100px;margin-left:80px;如果你想使用边距,那么你必须从偏移量中减去它boxOff=$('#box').

jquery - 将 JQuery UI.Resizable() 和 UI.Draggable() 与 iFrame 一起使用时出现问题

我正在尝试使用JQuery创建一个对话窗口。到目前为止,我正在取得进展,但遇到了iframe的一些问题...我知道iframe通常不受欢迎,但它们是唯一能够满足元素要求的东西。无论如何,我可以成功实现可调整大小和可拖动的插件,但如果用户快速拖动并将鼠标悬停在对话框内部div中包含的iframe上,我会遇到问题。有点难以解释,但下面的代码应该有助于说明正在发生的事情。似乎一旦鼠标越过iframe,iframe就会窃取mousedown事件的焦点。我想知道是否有任何解决方法。谢谢,克里斯$(document).ready(function(){$("#container").draggab

javascript - jquery ui draggable 自动改变宽度

我正在关注jqueryuidocs使div可拖动和可排序。它确实适用于拖动和排序。但是,当我将div从可拖动变为可排序时,可拖动的宽度会发生变化,并且不会保留其应有的宽度。这是demojs:$(function(){$('#grid-main_content').sortable({revert:true});$('#block-list.block').draggable({connectToSortable:'#grid-main_content',helper:'clone',revert:'invalid'});})如果我检查我拖动到可排序的元素,我可以看到内联样式被赋予了具有