首页 > TAG信息列表 > jquery-ui-sortable

javascript-尝试将可排序元素设置为禁用

我正在使用jQuery Sortable来排序列表项.但是,我为某些li元素设置了禁用类名称,以禁用对该特定项目的排序. 我还将该类添加到了jQuery代码中以禁用,但是它仍然允许重新排列这些项目 我看过各种消息来源,说只是在选择器上使用了启用/禁用,但是似乎无法工作我搜索了SO,还看了这里http

javascript-jQuery Sortable回调不起作用?

我正在使用jQuery UI的Sortable组件.即使进行了此简单测试,回调也似乎根本不起作用: <script type="text/javascript" src="jquery-1.3.js"></script> <script type="text/javascript" src="jquery-ui-personalized-1.6rc4.js"></script>

javascript-实时和可排序的jQuery

我正在尝试实现拖放操作,以便可以对数据列表进行排序并使用相关位置更新数据库. 我有一个有效的示例,但是当我尝试在通过ajax引入的列表上使用相同的代码时,该事件已绑定,但未触发任何方法,并且这些项目不会保持交换状态,(当您放开时,它们会交换回去鼠标) 这是我的html <ul class=

javascript-jQuery UI的Sortable是否可以处理items选项的复杂选择器?

我有一个无序列表中的列表项,双击该列表项可以通过所见即所得编辑器对它进行编辑. $('ul.mtm_section').sortable({ disabled: true, distance: 10, items: '> li:not(:has(form))' }); 我的目标是防止列表项在编辑时被排序-也就是在替换表单元素代替内容后. 不幸的是我的

javascript-使用float:left与display:inline-block的jQuery UI拖放排序比较

我这里有两个例子 这两个例子之间的唯一区别是一种使用display:inline-block,另一种使用float:left, li.doc_item {display:inline-block;} 与li.doc_item {float:left;} 我的问题是显示:行内块排序不如float:left那样快或响应速度快.我要使用display:inline-block,因为我要重新排序的缩

javascript-jQuery sortable / disableselection问题

我的jQuery可排序列表出现问题,正在选择文本.我发现了功能disableSelection(),但似乎无法正常工作. 这是js: $('ul#current_projects').sortable({ placeholder: "drop-zone", axis: 'y', handle: 'span.handle', opacity: 0.5, revert: true }); $('ul#curren

javascript-对可排序列表进行排序

我正在使用Jquery UI来让用户对列表进行排序.我有一个按钮来显示答案(如果需要),它将根据ID将列表排序.对列表进行排序的函数是: function show_order() { var elems = $('#sortable').children('li').remove(); elems.sort(function(a,b){ return parseInt(a.id)

javascript-可排序的jQuery UI-替换已删除项目的内容

我有三个方块,“可拖动”,“可排序”和“可拖放” 在“可拖动”内部,我几乎没有这样构建的元素: <li class="draggable ui-draggable ui-draggable-handle" id="header-1"> <img src="http://placehold.it/150x100"> </li> 可以将这些元素拖放到“可排序”中,并将此处拖动的元素

javascript-使可排序元素可拖动,可将其拖放到可放下的对象上,并在拖回时可以再次连接到列表

我想一起使用jQuery-ui可拖放,可拖放和可排序. 我的功能如下: >我有一个可排序的列表 >我创建了一个可放置的div>可排序的项目是可拖动的,可以放在可放置在div内自由移动的可放置对象上>当将可拖动项拖到可排序列表时,应将其重新连接到可排序列表 我提供了一些图像,可能有助于使它更

javascript – 处理重叠的jQuery可排序列表

这是一个不起眼的问题,但我正在使用jQuery Sortables并试图让两个连接列表在一个定位为固定时很好地协同工作.一切正常,直到你滚动页面,使两个列表最终位于彼此的顶部.然后列表似乎对哪一个应该接收被拖动的项目感到困惑,这意味着当它在每个列表中出现/消失时会发生一堆抖动. 看起

基于属性’data-sort’在jQuery中对div进行排序?

如果我有几个div: <div data-sort='1'>div1</div> <div data-sort='4'>div4</div> <div data-sort='8'>div8</div> <div data-sort='12'>div12</div> <div data-sort='19'&

javascript – 可拖动的可排序和可滚动的Div

我有一个容器,其中包含可拖动项目列表和带有可排序项目列表的容器.可拖动的&可排序列表已连接,允许用户将可拖动的克隆拖动到排序列表. 可拖动项目显示在垂直列表中,但可排序项目显示在水平列表中,通过向左浮动来实现.可排序项的容器将其溢出设置为auto,如果内容溢出,则会生成水平

javascript – 在表之间拖动行

这个想法非常简单,几乎可以运作.有两个表,用户可以选择在两个表之间拖动行.当一行从table1拖到table2时,使用ajax以使用从table1中删除的数据更新数据库,添加到table2,并使用新数据重新显示这两个表.如果信息从table2拖到table1,同样的事情也有效. 您可以看到代码here的示例. 以下

javascript – 带按钮的可排序jQuery UI列表

按照jQuery UI demo和documentation中的示例,我正在使用此HTML: <ul class="sort"> <li> <button>A</button> </li> <li> <button>B</button> </li> <li> <button>C</button>

jQuery UI可排序和可拖动不适用于iPad,iPhone或Android

浏览器没有任何问题,但是当我在iPad,iPod,iPhone和Android等手持设备上测试它时,它无法正常工作.我根本无法拖动框或排序. 有谁知道如何在所有平台上使用它? 我有一个演示: – http://jsfiddle.net/uJcB7/184/ 希望你们能帮助,欢呼解决方法:Touch Punch也将修复此问题以及大多数其他j

javascript – jQuery可排序的拖放 – 克隆和其他问题

我想首先说一下我要做的事情.我正在开发一个菜单生成器(idk如何命名它),比如在WindowsPress中放置小部件但是在网站上创建菜单.我已经尝试使用jQuery和Sortable(我已经尝试过Draggable和LiveQuery,但这不是我正在寻找的),但我遇到了一些问题: >用户应该有可能隐藏项目的内容,但复制

javascript – KnockoutJS / jQuery UI可排序冲突

我正在尝试将KnockoutJS和jQuery UI Sortable一起使用.我知道这已经完成了(特别是,knockout-sortable),但我的用例有一些非常具体的行为,我希望避免尝试进行切换. 无论如何,问题非常简单 – 在使用jQuery UI Sortable移动DOM元素后,Knockout在删除绑定到该DOM元素的observableArray

javascript – AngularJS ng-repeat重新渲染

我正在使用AngularJS构建一个简单的应用程序.该应用程序对服务器进行异步AJAX调用,服务器返回如下数组: { paragraphs: [ {content: "content one"}, {content: "cnt two"}, {content: "random three"}, {content: "last one yeeaah"}

javascript – 具有大量数据的可排序表的最佳方法

在我们的Web应用程序中,搜索结果显示在可排序的表中.用户可以单击任何列并对结果进行排序.问题有时候,用户会进行广泛的搜索并返回大量数据.要使可排序部分工作,您可能需要所有结果,这需要很长时间.或者我一次可以检索几个结果,但是然后排序不会很好.显示可能包含大量数据的可排序

javascript – jQuery UI sortable的序列化方法排除了一个项目

我正在使用jQuery UI对页面上的元素列表进行排序,这些元素的顺序我想在每次更改时保存在数据库中. 但是,我遇到了一个奇怪的错误(在我看来像是一个):serialize和toArray方法总是从生成的序列化字符串(或数组)中排除一个项目.这始终是当前拖动的项目.这意味着订单永远不会被正确跟踪.

javascript – JQueryUI sortable:允许仅排序到第二个列表但不回到第一个列表

我有两个列表,我想使用Jquery UI进行排序.它应该工作的方式是列表一包含一些项目的选择可能被拖到列表2.然而,不应该允许在列表1中排序或从列表2拖回到列表1,最后在列表2中排序是允许. 列表是这样的 <ul class="sortable" id = "list1"> <li> Item 1 </li> <li> Item 2 </