问题标签 [jquery-ui-sortable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1370 浏览

jquery - 在可排序的 jQuery 中选择文本框的内容

我正在尝试在 jQuery 中的可排序项目中获取 textarea 的内容......我似乎无法弄清楚!这是我现在拥有的:

这必须如此简单,当我知道如何做到这一点时,我会打自己的头,但这么说,我就是想不通。任何人都可以帮忙吗?

0 投票
3 回答
3976 浏览

jquery - 使用“克隆”助手执行可拖动事件后,如何删除原始元素?

我有一个可拖动的项目列表。我将这些拖到几个可排序的列表中。我必须在拖动时使用“克隆”辅助方法,因为其他辅助方法无法正常工作。

不幸的是,我不希望该项目在可排序列表中被删除后保留在原始列表中。

成功拖动后如何删除原始项目?(即一旦它包含在可排序列表之一中)

我以为我可以通过可排序列表上的 droppable 事件访问原始元素,但我不确定如何实现这一点。

谢谢

格雷姆

0 投票
1 回答
2439 浏览

jquery - jquery可排序>嵌套uls

我试图在主列表中嵌套几个列表。目标是组织菜单和子菜单。

的HTML:

当前代码:

但是,当我设置它时,正在发送的 var 当然是“pages_0”。

所以,我正在尝试:

但是,我的问题:在我的情况下:如果我使用第二个 jquery,每当我排序时,我都会得到“11”(来自 pages_11,最后一个 ul)。我当然想要父 ul 的 id。关于解决这个问题的任何想法?谢谢!

0 投票
5 回答
11470 浏览

jquery-ui - jQuery Sortable - 在div中滚动溢出:auto

我有一个使用 jQuery 的页面,其中包含一些可排序的列表。该列表位于一个 div 中,该 div 具有固定的高度,并且在样式表中溢出设置为 auto。

sortable 的scroll 属性似乎会影响整个页面的滚动,有什么办法可以让容器div 在鼠标靠近边缘时自动向上或向下滚动?

谢谢

格雷姆

0 投票
1 回答
2077 浏览

jquery - jQuery Sortable - events being called too many times

I have a list with class x and in that list is a number of lists with class y.

It is possible to drag an item from any of the sublists to any of the other sublists

It is also possible to arrange the order of the sublists themselves.

I'm struggling with the events which are fired through the sortable

Receive - only triggers when something is brought into a list from elsewhere (so no good for arranging items in sublists or for arranging the sublists themselves)

Update - seems to trigger multiple times when I drag an item from sublist A to sublist B (I assume as sublist A is being updated and sublist B is being updated).

I have a function in my JS which syncronises the current layout in the lists and sublists to the database and don't want to do this more than once at a time.

No combination of these events seems to give me the desired behaviour at all. Is this the right route to take? Or is there someway I can do a scheduled call to the Sync method which runs every 5 seconds or so to save changes and ignore the actual events themselves?

0 投票
3 回答
35749 浏览

php - Jquery 可排序列表不会序列化,为什么?

我正在 Zend Framework 应用程序中使用 jquery 实现可排序的图像列表。我只是不能让 .sortable('serialize') 方法返回一个空字符串。

当我尝试在我的应用程序之外使用一些简单的示例时,它可以工作。

下面的代码段是否包含在各种其他和其他标签中是否重要。我认为不应该。无序列表应该只能通过 id 找到,对吧?

HTML:

JavaScript:

0 投票
1 回答
7150 浏览

jquery - 如何让 JQueryUI 可排序以更快地“还原”?

JQuery对用户拖回的项目sortable有一个选项,但动画有点慢。revert

有没有像其他一些方法一样指定的简单'fast'方法?

0 投票
1 回答
3415 浏览

javascript - 可拖动+可排序和可滚动的 div

我有一个带有可拖动项目列表的容器和一个带有可排序项目列表的容器。可拖动对象和可排序列表是连接的,允许用户将可拖动对象的克隆拖动到已排序列表中。

可拖动项目出现在垂直列表中,但可排序项目出现在水平列表中,通过将它们向左浮动来实现。可排序项目的容器将其溢出设置为自动,如果内容溢出,则会产生水平滚动条。两个容器紧挨着出现,左侧是可拖动的,右侧是可排序的。

我遇到的问题是,当可排序项的容器向右滚动时,从可拖动项的容器中拖动会立即触发可排序项的事件。看起来好像 sortables 容器的内容被移动到 draggables 容器后面。

这是我的代码:

在将项目拖到可排序容器上之前,如何避免触发可排序事件?

提前致谢

0 投票
5 回答
8638 浏览

jquery - 用于两列重新排序的 jQuery 可排序?

大家好。这是场景。我有下面的代码,我需要重新排列这些列中的项目。问题是......项目不一定需要保留在其包含列中,它们需要能够来回切换,具体取决于用户。这是示例代码:

以及相关的 CSS:

我想知道是否可以使用 jQuery 可排序插件对代码中的包装元素进行排序/排序,或者我是否必须推出自己的解决方案。如果我想对左列或右列中的元素进行排序,但不能在彼此之间排序,该插件可以工作。任何帮助将不胜感激。

0 投票
2 回答
2166 浏览

jquery-ui - 如何确定 LI 在 jquery 可排序列表中的位置?

在我移动(排序)我的列表项之一后,我想知道它刚刚落入哪个位置。我很确定这是不可能从 ui.position/offset 计算出来的,因为我已经能够拖放到同一个像素上并将项目放入两个不同的插槽中,这取决于我从哪个方向拖动元素。

我想我可以在对象被丢弃后进行一些遍历和计数,但我希望有一些直接的方法来获取这条信息。

谢谢