jjzjj

sortable

全部标签

javascript - 拖放时获取元素在列表中的位置 (ui.sortable)

我有一个像这样的可排序列表:http://jqueryui.com/demos/sortable当元素被移动时,是否可以获取列表中元素的开始和结束位置?我说的是他们在列表中的位置编号。例如,如果我将元素2移动到列表中的位置5,我想将这两个数字分配给变量。我是jQuery的新手-任何帮助将不胜感激。 最佳答案 demo:http://so.lucafilosofi.com/getting-the-position-of-the-element-in-a-list-when-its-drag-dropped-ui-sortable/解决

javascript - jQuery Sortable - 取消并恢复未按预期工作

问题(jsFiddledemooftheproblem)当revert设置与jQuerysortable中的cancel方法结合使用时,我遇到了一些问题。取消方法,如jQuerySortabledocumentation中所述状态:Cancelsachangeinthecurrentsortableandrevertsitbacktohowitwasbeforethecurrentsortstarted.Usefulinthestopandreceivecallbackfunctions.这在stop和receive回调中工作正常,但是如果我添加一个revertduration到可排序

javascript - jquery-ui-sortable 的拖动事件

jquery-ui-sortable被拖动时如何监听drag事件?通过hit-n-trial策略,我尝试了jquery-ui-draggable中的drag事件,但它不起作用。$('.widget_container').sortable({drag:function(event,ui){console.log('drag');}}); 最佳答案 为此目的使用sort事件:$(".sortable").sortable({sort:function(e){console.log('X:'+e.screenX,'Y:'+e.scree

javascript - jQuery sortable 获得 2 个被交换的元素

我找不到如何使用jQueryUIsortable获取目标元素。$("#pages").sortable({opacity:0.6,update:function(event,ui){varfirst=ui.item;//Firstelementtoswapvarsecond=????//SecondelementtoswapswapOnServer(first,second);}});我尝试过的所有选项都指向被拖动的元素,但不是与之交换的元素:ui.item[0]、event.srcElement,event.toElement.此外,this指向LIST(OL)元素。说第二我的意思是

javascript - 如何让 jQuery UI 的 Draggable 和 Sortable 功能在 iPhone 上运行?

我有一个使用JQueryUI的页面;特别是Sortable互动。该页面适用于带鼠标的桌面Web浏览器,但我无法在iPhone上的MobileSafari上使用拖放功能。任何拖动操作只会滚动页面。我页面上的功能与SortableEmpty-Lists极其相似JQueryUI站点上的演示。此页面也不适用于iPhone。有什么方法可以使拖放功能在iPhone上正常工作? 最佳答案 根据MobileSafari文档,不支持拖放,但可以模拟。因为基本上拖动你的手指会滚动浏览器,你将不得不禁用它。可以这样做:$(document).bind('

Sortable.js:功能强大的JavaScript 拖拽库

原文地址:Sortable.js:功能强大的JavaScript拖拽库一、介绍Sortable.js一个功能强大的JavaScript拖拽库!!!用于在网页上创建可拖放和可排序的元素。它提供了简单而强大的API,使开发人员能够轻松地实现拖放功能,并允许用户通过拖放来重新排序列表、网格和其他元素。主要有以下特性:兼容性好:支持触屏设备和大部分浏览器,支持现代浏览器,并提供了对旧版浏览器的向后兼容性;简单:简单的API,方便使用,通过简单的HTML结构和JavaScriptAPI,可以快速实现拖放排序功能;原生:基于原生HTML5中的拖放API;CSS框架兼容性:支持所有的css框架,像Boots

php - 如何在使用 Jquery sortable 排序后检索父容器 ID?

我有以下标记和javascript来对某些项目进行排序。项目可以在一个block内或跨其他block进行排序。它有效,但我在将项目从一个block移动到另一个block后检索正确的blockID时遇到问题。例如,如果我在“block1”中移动项目1,我会得到“我在block=block_1”,但如果我将项目1移动到block2,我仍然会得到我在block1中。但我想将block2作为其父容器。我需要检索此ID,以便我可以执行一些ajax并相应地更新数据库。你能帮我改正这个吗??Block1Item1Item2Item3Block2Item4Item5Item6$("#blocks_so

php - 当改变位置超过 1 时,Doctrine Extensions Sortable 无法正常工作

我正在使用Symfony3.1+DoctrineGEDMO扩展(通过StofDoctrineExtensionsBundle)。我已将我的实体设置为具有可排序行为:position;}/***@parammixed$position*/publicfunctionsetPosition($position){$this->position=$position;}/***@returnmixed*/publicfunctiongetTitle(){return$this->title;}/***@parammixed$title*/publicfunctionsetTitle($titl

mongodb - 鲁巴萨 :sortable (Meteor) dying with error "TypeError: templateInstance.collection.findOne is not a function"

我使用Meteor实现了一个非常基本的rubaxa:sortable实例。不使用多个可排序列表或任何花哨的东西。在我的Mongo集合中使用唯一编号1、2、3等预加载“订单”数据。一切都显示正常,并且让您排序一次然后包在尝试将新订单保存到数据库时死掉。浏览器控制台的错误是:TypeError:templateInstance.collection.findOneisnotafunction.(In'templateInstance.collection.findOne(itemId)','templateInstance.collection.findOne'isundefined)ad

SortableJS/Sortable拖拽组件,使用详细(Sortablejs安装使用)

简述作为一名前端开发人员,在工作中难免会遇到拖拽功能,分享一个github上一个不错的拖拽js库,能满足我们在项目开发中的需要,支持Vue和React,下面是SortableJS的使用详细;这个是sortableJS中文官方文档,记录了一些相关属性和使用方法,页面十分简约方便阅读;SortableJs中文文档http://www.sortablejs.com下面是使用详细,主要分为3步;1、首相需要安装相关依赖:npm install sortablejs --save;2、页面引入使用:importSortablefrom"sortablejs";3、获取大盒子属性,然后在初始化的使用需要调