jquery-ui-sortable相关内容

jQuery UI:如何在成功放下可放置元素时取消可排序元素的还原?

我有一个sortable列表,其中有几个元素需要用户重新排序. 或者,元素也可以拖到5个可用的拖放区(droppable容器)上. 我遇到的问题是:在droppable区域上成功完成放置后,sortable的还原动画仍在播放,将放置的元素重新设置为sortable列表的动画. 相反,我想对它进行动画处理,方法是从出现drop的位置获取帮助器,然后将动画化为 到droppable区 ..

用Meteor保存jQueryUI可排序列表顺序的最佳方法

我需要一些指导/建议,以最佳方式保存利用Meteor的可排序列表的顺序. 以下是我尝试执行的操作的缩小版本.该应用程序是一个简单的待办事项列表.用户的最终目标是对他们的列表进行排序,从数据库中提取数据.当用户对任务进行排序时,我想保存任务的顺序. 我已经使用 sortable的更新事件,使用php/ajax调用在没有Meteor的情况下实现了此应用程序将会删除数据库中的条目,并将其替换 ..
发布时间:2019-11-20 19:27:19 JavaScript

从Jquery UI Sortable中删除项目

我正在尝试找出从JQuery UI可排序列表中删除项目的正确方法.我创建了一个JSfiddle来说明我的问题. 基本上,我在JQuery UI可排序小部件周围有几个回调,并且我希望在我从小部件中删除元素后立即执行这些回调.正确的方法是什么?因为"$ .remove"或"$ .detach"似乎都起作用. 编辑1:我不是在寻找有关我的问题的修补程序,而是对JQuery UI Sortab ..
发布时间:2019-11-20 19:21:50 JavaScript

jQuery sortable不是函数

我正在尝试使用Sortable jQuery UI插件版本1.8.16使可单击并拖曳的项目的有序列表.但是,我不断收到错误$("#ol-id ol").sortable is not a function,其中'ol-id'是列表的ID.我的代码如下: //Sorting stuff if($("#li-id li").size()>1) { $("#ol-id ol").sorta ..
发布时间:2019-11-20 19:18:48 前端开发

jQueryUI操作可拖动克隆

编辑:我将这个问题修剪了下来,并放在 上 查看更改后的原始项目而不是新项目 http://jsfiddle.net/mikkelbreum/DBG5q 查看被拖动的辅助对象如何更改,但是元素在放下后会恢复原状. http://jsfiddle.net/mikkelbreum/dpTC8 我有一个可拖动列表,链接到可排序列表 当我从可拖动对象拖动到可排序对象时,我使用了克隆的帮 ..
发布时间:2019-11-20 19:06:55 JavaScript

jQuery UI Sortable与React.js越野车

我在React中有一个可排序的列表,该列表由jQuery UI提供支持.当我将一个项目拖放到列表中时,我想更新数组,以便将列表的新顺序存储在此处.然后使用更新后的数组重新呈现页面.即this.setState({data: _todoList}); 当前,当您拖放一个项目时,jQuery UI DnD可以工作,但是即使页面使用更新后的数组重新渲染,该项目在UI中的位置也不会更改.即,在用户界 ..
发布时间:2019-11-20 18:55:34 JavaScript

拖放后的jQuery UI Sortable停止事件

我正在使用jQuery UI Sortable插件,并且一切正常,并且可以接受一个问题.完成拖动项目以对列表(标记列表)进行重新排序后,单击事件将在放置完成后触发. 有人遇到过这个问题吗?如果是这样,您如何解决它? 解决方案 好吧...我知道了.. 这是我的解决方案: $(thumbOpts.container).sortable({ items: ..
发布时间:2019-11-20 18:54:26 JavaScript

jQuery UI可排序-单击滚动条将其中断

滚动.sortable()容器中的div将在您释放滚动条时开始拖动div 在小提琴中,有3种不同的可排序项,其中1个是滚动项. http://jsfiddle.net/wnHWH/1/ 错误:点击滚动条并将其向上或向下拖动以滚动浏览内容,当您释放鼠标时,div开始拖动,这使其跟随您的鼠标移动,并且没有刷新的方式就无法松开它页面. 解决方案 您可以像这样使用jquery的. ..
发布时间:2019-11-20 18:51:58 JavaScript

jQuery-UI Sortable Connected-Lists保存顺序并关联到Rails模型

假设我有: 有很多“问题"的“调查",有很多“答案" 如果我有一个“调查",其中有两个“问题"实例,我们称它们为“好问题"和“坏问题" “好问题"有5个“答案",“坏问题"有3个“答案" 如果“好问题"和“坏问题"是通过此jQuery-UI交互连接的可排序列表. http://jqueryui.com/sortable/#connect-lists 我知道如何使用jQuer ..
发布时间:2019-11-20 18:45:52 JavaScript

在表之间拖动行

这个想法很简单,几乎可以奏效.有两个表,用户可以选择在两个表之间拖动行.当将一行从table1拖到table2时,使用ajax来用从table1删除的数据更新数据库,将其添加到table2,并用新数据重新显示两个表.如果将信息从table2拖到table1,同样的事情也会起作用. 您可以在此处看到代码示例. 以下是其中一个表的Javascript代码摘录: var startTa ..

结合jQuery可拖动,可拖放和可排序

我正在尝试结合jQuery可拖动,可拖放和可排序;但是,我一直有问题.有人可以帮我吗? 基本上,这里说明了这个想法: A,B,C,D,E磁贴可以在上部可放置对象和可排序对象之间移动. 自定义(*)磁贴只能在左侧的可放置对象和可排序对象之间移动. 此外,我正在尝试在必要时随时停用和重新激活所有这些功能. 这是我所拥有的,但是它有很多错误而且不美观: JS var ga ..

jqueryUI Sortable:在表单输入上处理.disableSelection()

示例:我有一个无序列表,其中包含一堆表单输入. 在创建ul .sortable()之后,我在可排序(ul)上调用.disableSelection()以防止在拖动li项目时选择文本. ..一切都很好,但是我需要在表单输入中重新/启用文本选择..或表单基本上是不可编辑的.. 我找到了部分解决方案@ http://forum.jquery .com/topic/jquery-ui-s ..
发布时间:2019-11-20 18:29:46 JavaScript

如何修复连接的可排序对象的错误定位的可拖动辅助对象(部分由浮动/相对定位的父元素引起)?

前言 我遇到一个问题,当使用放置在相对位置相对浮动的父元素中的可拖动对象+可排序对象时,可拖动辅助对象的偏移不正确.浮动的父元素是Bootstrap列,其中多个可排序列表放在一列中,而可拖动对象列表放在另一列中. 示例 这是一个有效的示例代码段 $('.sortable').sortable({ connectWith: '.sortable', revert: ..

jQuery UI Sortable出现Firefox 4问题

从Firefox 3.6升级到FF4后,我很惊讶地看到jQuery UI Sortable已停止工作(我将jQuery(1.4.2)与jQuery UI(1.8.5)一起使用),并且出现了此错误(来自Firebug) this.helper为空 dev/js/jquery-ui-1.8.5.custom.min.js第264行 我环顾四周,但没有发现此错误的任何原因.我什至将jQ ..
发布时间:2019-11-20 18:20:42 JavaScript