Packery +可拖动UI在拖动后排序

文章/答案/技术大牛

发布

1回答

javascript、jquery、jquery-ui、masonry、packery

如何在拖拽一个项目后创建一个有序列表？我使用.packery ()方法重新排序。但是移动的项目会跳回来。<h1>Packery - get item elements in order after drag</h1> <div class, draggabilly.pkgd.js var $grid = $('.grid').packery

浏览 26提问于2020-07-10得票数 0

1回答

打包在可排序网格中垂直拖放项目时，垂直对齐方式会中断

javascript、drag-and-drop、draggable、packery

在尝试使用packery和draggabilly创建可排序的项目网格时，我遇到了一个问题。有没有人能建议我做错了什么？var container = document.querySelector('#container'); var pa

浏览 0提问于2014-08-08得票数 6

1回答

可排序和可拖动-如果项目已在可排序中，则取消

jquery、jquery-ui、jquery-ui-sortable

我有一个可以拖放到可排序列表中的可拖动元素。理想情况下，我希望防止可拖动事件在可排序中创建占位符，如果可排序已包含与可拖动的类名匹配的元素。在将可拖动对象放置到可排序列表中后，使用以下命令删除该可拖动对象： beforeStop: func

浏览 2提问于2010-08-17得票数 2

回答已采纳

1回答

带packery.js可拖动的Angularjs

javascript、jquery、html、angularjs

基于提供的解决方案，我能够在Angularjs中使用packery.js库<div class="wrapper"> $rootScope.packery = new Packery(element[0].parentElement,

浏览 4提问于2017-01-25得票数 0

回答已采纳

1回答

随机放置可拖动的divs organize/sort函数？

sorting、draggable、packery

目前，我有一个页面，它在加载时使用math.random在页面上随机分布可拖动的div 然而，通过使用媒体查询，该页面使用packery以网格方式显示769px以下浏览器宽度的相同图像。我的想法是创建一个“排序/组织”按钮，它将使用packery重新排列这些div，并删除已经应用的draggable类，但我不知道这是否可能或如何进行。

浏览 0提问于2013-07-04得票数 0

回答已采纳

1回答

使用角为2的Packery

angular、webpack、angular-cli、packery

我使用Packery 1.4.1和DefinitelyTyped对该版本的类型记录定义。我也尝试过添加依赖的js文件，但是引发的异常是相同的： "../node_modules/packery/d

浏览 2提问于2017-02-09得票数 6

回答已采纳

2回答

单击jQuery UI可排序-拖动元素

javascript、jquery、jquery-ui、jquery-ui-sortable

我有两个街区，“可拖”和“可排序”。在“可拖”的内部，我没有几个可以拖动到“可排序”的项目。$(".sortableList").sortable({

浏览 7提问于2014-09-29得票数 0

回答已采纳

1回答

在jQuery UI的可排序和可拖动之间统一放置动画

jquery、jquery-ui、jquery-ui-sortable、jquery-ui-draggable、jquery-ui-droppable

我希望在将可排序对象或可拖动对象拖放到可放置对象时获得相同的视觉效果，在本例中，这就是jQuery的简单隐藏动画。以下内容适用于可拖动的项目： drop: function( event, ui ) { }当拖放时，拖动的可拖放对象会漂亮地生

浏览 0提问于2012-06-15得票数 2

回答已采纳

1回答

在Droppable上拖动可排序项目A并显示可排序项目时，在拖放A之前无法对这些项目进行排序

jquery、jquery-ui

使用jQuery-ui api Sortable和Droppable小部件。问题:可排序列表中的显示项不能直接在'over‘事件之后排序，这导致了它的显示。它需要放下帮助程序，并再次拖动它，以便对显示的内容进行排序。想要答案：主要问题:如何在第一个“结束”事件后允许排序，同时仍然拖动可排序项目？次要问题:如何在鼠标滚动(在可排序列表

浏览 15提问于2019-06-13得票数 0

回答已采纳

1回答

jQuery UI draggable:使用helper: clone时访问拖动的元素

javascript、jquery-ui

我有一组jquery UI可拖动项，它们通过helper: 'clone'连接到可排序项。在可拖动对象的receive事件中，我想访问刚刚放入列表中的元素，但似乎没有任何方法可以做到这一点。revert: 'invalid',}); receive: fun

浏览 1提问于2013-02-04得票数 0

4回答

有没有办法让Packery/Draggabilly容器只有一部分是可拖拽的？

packery

有没有办法让Packery/Draggabilly容器只有一部分是可拖拽的？比方说，只是让下面示例中的.chartHeader可拖动-而让整个.chartContainer作为一个整体移动？目前，只有.chartHeader是可拖动的，其他所有内容都留在后面。我希望所有的东西都能像一个幸福的大家庭一样一起移动。提前感谢！div class="chartHeader">HEADER</div>

浏览 0提问于2013-12-12得票数 0

1回答

jQuery Draggable + Sortable -如何更改可排序项目？

jquery、draggable、jquery-ui-sortable、droppable

我有一个可排序的视频列表，使用以下选项进行初始化：第一个和最后一个视频是不可排序的，它们也不能以任何方式拖动-这很棒这将使用connectToSortable选项连接到另一个可拖动的视频列表。我希望能够在isLast和isFirst视频(其中有很多)之间拖动的一些视频，所以对于那些我需要这些项目再次排序，所以我使用： start

浏览 0提问于2011-08-22得票数 0

回答已采纳

1回答

jqueryui - Draggable在拖动到可排序对象时丢失id属性

jquery-ui、jquery-ui-sortable、jquery-ui-draggable

我使用的是jqueryui的可拖动和可排序功能。我的jqueryui版本是1.9.1，jquery版本是1.7.1 我有一组可拖动的项，以及一个可排序的容器。我将可拖动项拖到可排序容器中，并希望在可排序的停止处理程序中读取可拖动项的id属性。然而，这里的id是未定义的。$(sortableselector).s

浏览 3提问于2012-12-23得票数 7

1回答

使用Kendo UI进行拖动和排序

jquery-ui、kendo-ui、telerik

我希望实现类似于jQuery UI的可拖动和可排序的功能，但使用Kendo。我想要两个面板，一个带有可以被拖动的项目，另一个包含被拖动的项目。我在Kendo上能找到的最接近的东西是：，但是第一个列表(左边)中的项是可排序的，这会将项目从第一个列表中移出。我<

浏览 1提问于2015-11-04得票数 0

回答已采纳

1回答

jQuery UI可排序还原选项-允许在动画过程中拖动

jquery-ui、animation、jquery-ui-sortable、revert

我目前有一个jQuery UI可排序元素，我将revert选项设置为1000，以获得平滑但不太快的动画。虽然动画效果很好，但我似乎不能在动画过程中拖动。有什么方法可以在动画过程中启用拖动吗？

浏览 1提问于2011-06-23得票数 0

回答已采纳

1回答

在Angular 2中打字

javascript、jquery、angular、packery

ngOnInit() { var $grid = jQuery('.grid').packery({gridItem) { // bind drag events to Packery$grid.packery('bindDraggabillyEvents', draggie);

浏览 5提问于2016-07-24得票数 0

2回答

使可排序元素可拖放到可下垂的位置，并在拖回时再次连接到列表中。

javascript、jquery、jquery-ui、jquery-ui-sortable、jquery-ui-draggable

我的功能如下：左边的可排

浏览 0提问于2018-01-29得票数 3

回答已采纳

1回答

jQueryUI操作可拖动克隆

jquery-ui、jquery-ui-sortable、jquery-ui-draggable

我有一个链接到可排序列表的可拖动列表我找不到一种方法来处理新创建的元素。我尝试了两种方法：一种是在可拖动的start事件中将辅助克隆作为目标。这里的问题是，虽然

浏览 1提问于2011-03-19得票数 2

回答已采纳

2回答

溢出中可拖动的div :自动JQuery被限制在div中

jquery

我有一个设置了高度/宽度的可拖动UL。可以将此可拖动列表拖到可排序列表中。) { }我的CSS： height: 160px;} 它工作得很好，直到我通过在CSS中设置"overflow: auto“来给可</e

浏览 3提问于2010-06-22得票数 1

回答已采纳

2回答

在同位素砌体中实现粘着物

jquery-isotope

我使用同位素来提取帖子列表，我使用日期作为初始排序，并允许用户根据评论和建议的数量进行排序。一切都如期而至。现在，我需要完成的是粘性帖子。我已经想出了一种方法，在初始加载时，每10次在循环中注入它，但我的问题是，在加载了所有内容之后，排序方法的改变就会把这一切搞砸。有什么办法，我可以注入一个粘性的帖子，实际上会坚持它应该是什么排序顺序是什么？

浏览 1提问于2013-04-17得票数 1

点击加载更多