Tag: jquery ui sortable

点击jQuery Sortable列表不会模糊输入

我可以通过点击页面上的任何地方来模糊我的输入，除了jQuery Sortable列表。 我怎样才能解决这个问题？ UPD： 演示

我如何获得可排序元素的id？

我正在使用Sortable并开始工作。 但我正试图保存列表中的内容。 假设我有3个列表： elem1 elem2 elem2 jQuery的： $(“#top, #left, #right”) .sortable({ connectWith: “.connectedSortable”, stop: function(event, ui) { alert(this.id); // printing top, left right… } }) .disableSelection(); 我试过在sortable中使用stop事件，但它当然只返回ul的id。 所以我想要的是jQuery告诉我何时将elem1从list1移动到list2 （当然还有任何elemX ）。 我正在尝试创建一个用户可以自己定义布局的主页。

jQuery – 在可排序列表中操作被删除的元素

我有一个可拖动列表（.field），您可以将项目拖放到可排序列表（.sortlist）中。 我是这样做的，因为我不希望主列表（.field）以任何方式改变。 它工作正常，除了我无法弄清楚如何操作可排序列表中的删除字段。 我可以通过在droppable（）中的’drop：’函数中使用以下函数从可拖动到可放置区域中执行此操作： $(this).append(‘html code here to change content of dragged field’); 但是这在sortable（）中不起作用。 我的代码如下所示： $(“.sortlist”).sortable({ receive: function(event, ui) { var dropElemTxt = $(ui.item).text(); var dropElemId = $(ui.item).attr(‘id’); $(ui.item).replaceWith(‘Updated field! ‘+dropElemTxt+”); } }); $（ui.item）.replaceWith更改正在拖动的主字段，因此这不起作用。 我尝试了$（this）.replaceWith，但是更新了可排序区域（.sortlist）。 知道我需要什么代码来引用被拖动的项目吗？ 非常感谢，阿里。

Jquery UI可排序，按钮不作为句柄工作

我试图在表格中排序tr’s 。 码 $(“table tbody”).sortable({ handle: ‘button’ //handle: ‘img’ }).disableSelection(); 活小提琴 现在的问题是当使用img作为句柄时它的工作正常 但是当使用button作为手柄时它不起作用 我为我的ans检查了很多jquery ui可排序问题，但没有帮助 任何人都可以解释为什么会发生这种情况 提前完成

如何使用jQuery UI sortable（）将元素拖入下拉列表？

简短版本 ：如何将Link 1拖动到此演示中Link 3下的其中一个下拉菜单中？ http://jsfiddle.net/Gdadu/2/ 编辑 ：关于项目被拖动到另一个项目时应该发生什么的问题已经提出：它应该放在左/右还是开始一个新的子菜单？ 为了使列表完全可排序，必须有一些方法将项目放入不存在的子菜单，开始新的ul下拉列表。 我可以在每个没有一个尚未用作放置目标的列表项中插入空ul ，但上面的问题仍然存在。 这似乎比我最初的想法困难得多，所以我为没有付出更多努力而道歉，因为我没有考虑过这些问题。 我愿意接受对所述问题的回答，并担心其余的问题。 我有一个基本的下拉导航列表，我希望使用jQuery UI完全排序。 任何li元素都应该能够移动到整个列表中的任何位置。 我将顶级列表项拖到子菜单时遇到问题，似乎:hover在“拖动模式”下， :hover不会在下拉列表中触发，因此下拉列表不会出现。 示例HTML： Link 1 Link 2 Link 3 Link Link Link Link Link Link 我的CSS： .dropdown, .dropdown li, .dropdown ul { list-style:none; margin:0; padding:0; } .dropdown { position:relative; display:block; z-index:10000; } .dropdown ul { position:absolute; top:100%; width:100%; visibility:hidden; display:none; […]

如何在JQuery中使用Sortable水平排序div

我希望在容器div中水平排序我的div。 我在JQuery网站上找到了一个例子 ，但这是垂直排序。 我希望它是水平的。 我想在#sortable Div中进行排序。 请您指导我如何以水平方式转换此垂直排序。 CSS #draggable1 { width: 150px; height: 35px; padding: 0.5em; } #draggable2 { width: 150px; height: 35px; padding: 0.5em; } #draggable3 { width: 150px; height: 35px; padding: 0.5em; } #sortable { width: 700px; height: 35px; padding: 0.5em; } JavaScript的 $(function() { $(“#sortable”).sortable({ revert: true }); }); HTML Home Contact […]

jQuery可排序容器滚动div与溢出auto

我一直在努力做这项工作。 我有两个连接的sortables，定义如下： var sortlists = $(“#List1, #List2”).sortable( { appendTo: ‘body’, tolerance: ‘pointer’, connectWith: ‘#List1, #List2’, revert: ‘invalid’, forceHelperSize: true, helper: ‘clone’, scroll: true }); 这是一个jsfiddle示例的链接 由于页面设置，两个sortable都包含在具有溢出的div中：auto它们也包含在父容器中，溢出设置为hidden。 为了论证，让我们说没有办法解决这个问题。 当帮助器朝向容器的下边缘或上边缘定位时，是否有办法使容器元件滚动？ 任何帮助，将不胜感激！

如果我对一个可疑项目进行“jquery sortable”，那么我就无法将鼠标聚焦在任何可疑文本中的任何地方了

奇怪的是，这只在Firefox和Opera中被破解（IE，Chrome和Safari可以正常工作）。 有关快速修复的建议吗？ $(document).ready(function(){ $(‘#sortable’).sortable(); }); One apple Two pears Three oranges

Jquery UI可排序 – 在启动事件触发之前执行操作

我已经搜索了STACKOVERFLOW和其他论坛来解决我的问题 – 如果我错过了一个有效的解决方案，请指出我。 我的问题：每当在可排序列表中拖动一个元素（一个portlet div）时，我需要在实际拖动过程开始之前执行一些操作（从我在START事件被触发之前理解）。 更具体一点：我的DIV为用户提供了扩展/折叠它的主体的可能性（如示例中的jquery UI页面http://jqueryui.com/demos/sortable/#portlets ）。 每当拖动一个元素时，我都想触发我的折叠方法，以便拖动的唯一可视元素是折叠的DIV。 无论什么时候我打电话给我的方法（像这样） $someitem.trigger(“toggle.somenamespace”) 它按预期工作，除了在sortable中触发start事件之前计算拖动帮助器的高度，因此辅助器具有处于未折叠状态的原始元素的高度。 我原来的想法是：由于可排序的例如在实际拖动过程开始之前测量拖动距离的可能性（使用选项： 距离 ），它应该可以挂钩到此流程中，例如存储原始startDrag函数（或在临时var中对可排序窗口小部件进行任何调用，使用自定义回调覆盖它，首先触发我的折叠function，然后调用原始函数以确保正确计算高度。 然而 – 到目前为止，我对这种方法没有太大的成功…… 请注意，在处理程序中为拖动或在可排序事件上设置CSS属性没有达到预期效果，因为为帮助程序计算的可排序窗口小部件的高度设置为元素属性。 或者 – 可能有人知道更好的方法来影响在拖动过程中显示的助手的高度，这只是我的观点，我的原始方法（在拖动过程之前更改元素，然后让小部件按照计算方式进行计算）它是有意的）将是一个更好的解决方案…… 感谢任何帮助，马蒂亚斯 编辑：将可排序标志：forceHelperSize设置为true并在开始拖动器中设置ui.item /帮助器大小也不起作用，因为它可视化产生所需的效果（仅拖动折叠的项目，但停止元素一直拖下来（好像该项目仍然具有未折叠状态的高度）用帮助器测试：’原始’和’克隆’

取消拖动可排序项目

绝对常见的可排序案例： $(function() { $(“#sortable”).sortable(); }); Item 1 Item 2 Item 3 问题。 需要在某些条件下取消拖动项目并且Andrew Whitaker有一个很好的建议，但是这种方法仅适用于jquery-ui-draggable并且无法进行排序： $(“#sortable”).sortable({ start: function() { return false; // will still cause `this.helper is null` } }); 对建议会很有帮助。