问题标签 [draggable]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 将可拖动对象添加到可排序对象后对其进行编辑
嘿,我正在尝试找出我需要绑定到什么事件以及我需要使用什么属性来获取对已删除项目的 DOM 元素的引用(即接收列表中的项目。
这是我到目前为止所拥有的...
例如,我的目标是在将 A 放入#existing ul 中后将其转换为其他东西(其他任何东西都足够了 - 真正的实现要复杂得多。我只需要掌握那个 DOM 元素)。
我已尝试将以下内容作为我的 sortable 的接收:
但这似乎是#existing UL,sender和item都是被拖到工具箱中的li。我正在寻找的是#existing 中新创建的li。是否有财产或其他事件会给我我所追求的?
jquery - 排序时更新项目属性
我是 jQuery 新手,我的小项目需要帮助。我正在制作拖放列表以移动影片剪辑并计算它们在拖放到目标目标时的时间......这工作正常......但主要问题是我想对目标 div 中的位置进行排序。我不知道如何使用 sortable->change 事件使所有元素时间更新。我希望“时间”出现在每个 div 之后作为我的代码显示。这是剪辑应该开始的时候。我相信我必须用$("b").remove();
(我只想更新时间)清除所有属性,然后使用$.each();
函数重新计算所有元素,然后将“时间”附加到它们。任何人都可以帮助我吗?
这是我的代码: http: //lukasz.webh.pl/test.html
澄清我想要实现的目标:例如,可以说这将是互联网广播电台节目时间表。在左侧,我们有可用的程序。我们正在选择要添加到计划中的程序女巫,并将其拖到目标 DIV。然后脚本正在收集它的时间并显示它应该何时开始。所以每个元素(时间)都应该是之前元素的总和。理论上它可以工作,直到我们想要改变程序位置......
javascript - JavaScript、MooTools 和变量/对象范围
我可能在这里使用了错误的模式,但如果我是,我希望有人能纠正我!
我有一个代表用户工作区的对象,并且为了响应服务器操作,它克隆了一个 div,更改了它的一些属性,将其放置在工作区上,使其可拖动并添加了一个 onComplete 操作。此操作旨在调用工作区对象的另一个方法,将 div 的更新位置发送回服务器以实现布局持久性。
我已将课程剥离为相关方法:
现在,我无法让它调用我的updateCoordinates
方法。我尝试了各种组合this
和其他关键字,但不能完全正确。
什么是正确的调用方式updateCoordinates
?
jquery-ui - 可拖出父元素
我尝试了jquery ui的可拖动功能: $("div.kind_div").draggable({ cursor: 'crosshair', containment: 'document', appendTo: 'body' });
我可以拖动 kind_div 但它仍保留在外部 div 中
我想把它拖到我页面的所有正文中
我能怎么做?
谢谢
iphone - uiimageview location against another image
I have several uiimageviews on my view which the user can drag around. I have them "snapping" to coordinates based on the view... but... I'm wondering if it's possible to snap these to coordinates based on an image.
So I have say one image in the background, a box. When I then drag images around, if they fall inside the box they snap to it. Like I said, I can do this by working out the location in relation to the SCREEN, but not the box.
I'm thinking that I can get the coordinates of the box, then compare to those? Just wondering if there was a better way??
Thanks
jquery - jQuery拖放并再次拖动
我正在开发一个拖放页面,您可以在其中将元素从列表中拖放到各种可放置的容器中。这完美地工作。我现在想要实现的是能够将它们从一个容器拖到另一个容器(或在容器内重新排序)。但我似乎无法做到这一点。
该列表看起来像一系列带有标题的彩色框(每个都有一个类名“.item”)。当您从列表中拖动时,它会克隆它,以便列表保持不变(即不会删除块)。
有两个容器(在本例中),类名分别为“dragrow1”和“dragrow2”。根据您将框拖入的行,该块将改变外观。这可以正常工作。问题是让这些盒子再次拖动,无论是在它自己的容器内还是在另一个容器内,并且没有克隆自身(它需要移动)。顺便说一句,由于样式原因,类名在删除后从“.item”更改为“.box”。很好的是,当您将一个彩色框拖入容器时,由于应用了 css 样式,每个框彼此相邻浮动,因此它们从左上角并排放置。
到目前为止,我的 jquery 代码如下所示:
容器代码的示例如下所示:
任何人都可以给我任何指示吗?
谢谢,
阿里。
javascript - JQuery中的多次拖放:拖动后的事件
我实际上正在尝试制作一个 .php 页面,其中我将有 3 个可拖动元素,这些元素必须被拖动到 3 个可放置元素 - 每个可拖动到可放置元素,并且它们是唯一的,因此每个可放置元素只会接受某个可拖动元素.
问题是我需要控制所有元素都被拖到正确的位置,在这种情况下,我应该将用户重定向到success.php,否则,如果某些元素被拖到错误的droppable,用户必须转到例如 failure.php。
无论如何,例如在 PHP 中的 $_SESSION 中保存某个值,以便知道所有可拖动对象都已放置在正确的位置?
这是拖放的代码:
我正在尝试这样做,例如获取可放置元素的活动类以查看它是否与“ui-state-highlight”匹配,但实际上,每次重新加载页面时都会执行该标签,所以如果我尝试插入任何代码放入
drop: function() 它将始终执行。
提前非常感谢!
jquery - jQuery将元素拖动到初始状态为隐藏的可排序列表中
我似乎无法将元素拖到初始状态为隐藏的可排序列表中(即显示:无)。
每行的 html 如下所示:
但是为了使字段能够被拖放到“dragrow*”中,div“dragbox-content”必须具有“display:block”样式。这可以用主要的 css 样式编写,也可以硬编码到 div 本身中(例如。)
问题在于,在页面加载时,您有点希望所有行都关闭(或至少除一个之外)。这意味着最初应该将“显示”设置为“无”。这部分很简单。一些 jQuery 可以在 ready() 事件内的页面加载时更改此 css:
还有一个名为“toggle”的 jQuery 命令,当您单击 h2 标签时,它会自动在块和无之间交换这个 css 显示。所以我可以显示或隐藏每一行。
所以...如果在 ready() 事件中显示了一行(显示:块),则可以将项目拖到可排序列表中(即使您在显示和隐藏行之间切换)。
但是...如果在 ready() 事件中隐藏了一行(显示:无),则无法将项目拖动到可排序列表中。
有任何想法吗?真的卡在了这个...
jquery - jquery UI sortable:如何让原始可见直到下降?
在http://jqueryui.com/demos/sortable/上演示的标准行为中,当您在列表中拖动项目时,将显示一个占位符元素,该项目将被删除。
但是,没有指明要丢弃的项目的原始位置。
我想让原始位置保持可见直到下降,以便视觉反馈类似于在http://jqueryui.com/demos/中描述的“半透明克隆”选项保留原始位置的方式可拖动/#visual-feedback
有什么办法可以用 sortable 做到这一点?
谢谢!
jquery-ui - 如何在 jQuery 中使用可拖动连接到任意 DOM 元素?
我发现一篇文章解释了如何将可拖动元素连接到可排序元素:
http://the-stickman.com/files/jquery/draggable-sortable.html
但我需要将可拖动元素连接到任意DOM 元素,
当我把它放在某个元素上时,我需要做一些事情。
但是当我放下它时,如何知道可拖动元素所在的元素呢?