我有这个代码$(document).ready(function() { $('#test-list').sortable({ items: '> li', handle : '.handle', axis: 'y', opacity: 0.6, update :
我正在尝试实现拖放操作,以便可以对数据列表进行排序并使用相关位置更新数据库.我有一个有效的示例,但是当我尝试在通过ajax引入的列表上使用相同的代码时,该事件已绑定,但未触发任何方法,并且这些项目不会保持交换状态,(当您放开时,它们会交换回去鼠标)这是我的html<ul class='sortable'> <li>
我正在尝试使用jquery来实现portlet / widget样式的界面,该界面具有3列,并在它们之间和之间进行拖放.除了以下小错误外,它几乎可以正常工作. Portlet有一个标头h2,我已将其设置为可排序选项中的句柄.在firefox和chrome中,它的工作完全符合预期.在IE中,只有h2的文本可以用作句柄,直到我实际将portlet移动一次.那么整
我有一个可排序的列表和一个可拖动的div：<div id='draggable'>Add Item</div> <ul id='sortable'> <li>item 1</li> <li>item 2</li> <li>item 3&l
我正在使用jQuery UI的Sortable组件.即使进行了此简单测试,回调也似乎根本不起作用：<script type='text/javascript' src='jquery-1.3.js'></script> <script type='text/javascript' src='jquery-ui-personali
我正在使用jQuery Sortable来排序列表项.但是,我为某些li元素设置了禁用类名称,以禁用对该特定项目的排序.我还将该类添加到了jQuery代码中以禁用,但是它仍然允许重新排列这些项目我看过各种消息来源,说只是在选择器上使用了启用/禁用,但是似乎无法工作我搜索了SO,还看了这里http://api.jqueryui.com/sortable/#me
我这里有两个例子这两个例子之间的唯一区别是一种使用display：inline-block,另一种使用float：left,li.doc_item {display：inline-block;} 与li.doc_item {float：left;}我的问题是显示：行内块排序不如float：left那样快或响应速度快.我要使用display：inline-bl
我正在尝试使用Jquery& amp; PHP的.我没问题.我的问题是,当调用update事件时,它返回2个结果.拖动父项的1个结果,Dropped Parent的一个结果.我想只打电话给父母的身份.这是我的脚本：$('#gallery ul').sortable({ connectWith: '.dropBox', opacity:
我可以通过点击页面上的任何地方来模糊我的输入,除了jQuery Sortable列表.我怎样才能解决这个问题？UPD：demo最佳答案$('sortable').mousedown(function(){ document.activeElement.blur(); });
我有一个项目列表,每个项目都包含一个复选框.当勾选一个复选框时,我希望该项目将自己排序到列表的开头,最好是用鼠标拖动动画(但没有鼠标光标).这可能吗？我在过去触发可拖动/可排序的事件时遇到了麻烦.我对替代解决方案持开放态度,只需明确项目移动到的位置即可.编辑：我原本试图询问如何在jQuery sortable()列表中实现这一点,但我显然没有那么好地沟通,所
将大型项目拖动到最顶层或最底层位置时会出现问题.演示：http://jsfiddle.net/vladimir_ze/b2Q9b/17/在排序之前(在开始事件上)我减少元素大小以使大型元素的排序变得容易,但似乎计算仍然使用元素原始高度(在我将其设置为较小的大小之前).任何想法如何解决？更新我最近在搜索是否可以在启动事件之前更改元素高度时遇到了一个有趣的链接(
TLDR我希望能够通过显示原始项目移动到其新位置并且其他人移动来帮助我的jQuery-UI可以排序.某些可分类需要固定到位,这很复杂.该项目：该项目涉及在选项卡式界面中动态生成的jQuery-UI portlet.选项卡和portlet内容本身是通过对已建立的Web服务的异步AJAX请求生成的.每个选项卡中都包含未确定数量的portlet,并使用自定义滚动条
我尝试将项目从可排序事件列表拖到fullcalendar.我没有在Adam Shaw的完整日历的文档中看到这一点,但也许有人已经做过一次.这是jsfiddle：http://jsfiddle.net/gtbm/VjNFn/2/这里的代码如下：/* initialize the external events ---------------------
我正在使用jQuery UI Sortable插件,一切都按预期接受一个问题.在完成拖动项目以重新排序列表(< A>标记的列表)之后,点击事件在完成删除后触发. 以前有人遇到过这个问题吗？如果是这样,你是如何解决它的？ 好的……我明白了.. 这是我的解决方案： $(thumbOpts.container).sortable({
items: '.page',
rev
我有一个可拖动的列表(.field),你可以拖动和放大将项目中的项目放入可排序列表(.sortlist).我是这样做的,因为我不希望主列表(.field)以任何方式改变.它工作正常,除了我无法弄清楚如何操作可排序列表中的删除字段. 我可以通过在droppable()中的’drop：’函数中使用以下函数从可拖动区域到可放置区域执行此操作： $(this).append('html code here
我正在构建一个拖放日历,并发现jQuery UI的可排序为我正在尝试做的事情提供了最佳的现场表现. 但是,由于我的脚本正在应用所有这些可排序的实例,因此应用可排序到数月的数天(一次60到180天 – 有时更多)导致页面加载时明显滞后.它一旦加载就可以正常工作,但我宁愿没有最初的滞后.在某些情况下,浏览器甚至会尝试终止脚本. 我尝试将日历的第一天排序,然后使用jQuery的.clone()复制到所有
前言 当使用放置在浮动的相对位置的父元素中的draggables sortables时，我遇到一个问题，其中draggable帮助器被错误地偏移。浮动的父元素是Bootstrap列，其中多个可排序列表放在一列中，并将一个可拖动列表放在另一列中。 例 这是一个工作示例代码段 $('.sortable').sortable({
connectWith: '.sortable',
revert:
我有以下脚本所在的边距. portlet类表现得很奇怪： http://jsfiddle.net/mYx5y/19/ 它应该在每个portlet周围添加10px,这应该意味着portlet之间的间隔为20px.出于某种原因,如果portlet在其自身的右侧或左侧有一个小部件,我只得到20px,但如果portlet在其上方或下方有另一个portlet,则只有10px. 为什么我垂直得到10px？ 由
在 http://jqueryui.com/demos/sortable/#placeholder给出的示例中，占位符是拖动任何项目时出现的橙色框。 此元素可以使用占位符选项进行调整 – 但它只允许您修改元素的类，如下所述：http://jqueryui.com/demos/sortable/#options 我想更自定义这个元素，例如。通过以与可以向助手选项提供功能相同的方式向占位符选项提供功能
有办法获得助手被拖到新位置的当前位置吗？ $("#sortable").sortable({
start: function (event, ui) {
var currPos1 = ui.item.index();
},
change: function (event, ui) {
var curr
