jquery-ui-sortable相关内容

jquery UI 可排序的表格和 tr 宽度

我正在使用 jQuery UI 可排序来使我的表格网格可排序.该代码似乎工作正常，但因为我没有为 tds 添加宽度，所以当我拖动 tr 时它会缩小内容. 例如；如果我开始拖动时我的表格行是 500 像素，它会变成 300 像素.我认为这是因为网格中没有定义宽度.那是因为我为 td 使用了两个类(fix 和 liquid). fix 类使 td 等于内容宽度，liquid 使 td 宽度 ..
发布时间：2021-12-17 21:17:31 其他开发

jQuery UI:将可排序从手风琴内部拖到外部

我有两个相互连接的可排序列表.一个只是在页面上，另一个在手风琴中.(我使用手风琴作为另一个列表的容器) 我的目标是让用户可以打开手风琴并将项目从列表中拉出到页面上. 它有效 - 除了占位符在离开手风琴时消失.我试过 helper: 'clone' 并增加 zIndex. 这是代码的简化版本: ..
发布时间：2021-11-26 20:53:25 其他开发

如何使用 jQuery 正确排序多个手风琴

这是我第一次发帖，如果我没有提供足够的细节，请告诉我. 我有一个包含多个手风琴的页面.我想使用多个手风琴，因为我希望用户能够同时打开多个部分，这不是手风琴的原生部分. 我还希望用户能够对这些手风琴进行分类.根据当前设置的页面方式，用户可以毫无问题地对手风琴进行排序. 当用户对手风琴进行排序时，我有一个脚本将关闭所有现有的手风琴，将它们的 id 存储在一个数组中，然后在用户完成排序 ..
发布时间：2021-11-26 20:50:02 其他开发

jquery sortable 不能拖到手风琴之外

我有 2 个连接的可排序列表.一个在手风琴里面.当我尝试从手风琴中的 sortable 拖动项目时，一旦我离开手风琴，助手就会消失.我可以拖放到其他连接的可排序对象之一，该项目将显示，但在我拖动时它不显示.如果我向下拖动项目，手风琴也会向下滚动. 我可以拖动 &从另一个列表中的任何一个我需要的地方删除项目，它工作正常.将项目从手风琴内部拖到外部时，如何使它们不消失? 我已经尝试过遏制选 ..
发布时间：2021-11-26 20:36:40 其他开发

jQuery UI Sortable，然后将订单写入数据库

我想使用 jQuery UI sortable 函数来允许用户设置订单，然后在更改时将其写入数据库并更新它.有人可以写一个例子来说明如何做到这一点吗? 解决方案 jQuery UI sortable 功能包括一个 serialize 方法去做这个.这很简单，真的.这是一个简单的示例，该示例在元素更改位置后立即将数据发送到指定的 URL. $('#element').sortable({轴 ..
发布时间：2021-11-20 21:37:55 PHP

AngularJS ng-repeat 重新渲染

我正在使用 AngularJS 构建一个简单的应用程序.该应用程序对服务器进行异步 AJAX 调用，服务器返回一个如下所示的数组: {段落: [{内容:“内容一"}，{content: "cnt 两个"},{内容:“随机三个"}，{内容:“最后一个是的"}]} 所以我通过我的 set 方法将此内容设置到 StorageService 工厂.这里一切都很好. 我使用 ng-repeat 来 ..
发布时间：2021-11-10 00:11:18 前端开发

在 AngularJS 中拖放可排序的 ng:repeats?

在 AngularJS 中的 ng-repeat 元素上使用 jQuery.sortable 是否容易? 如果重新排序项目会自动将该排序传播回源数组，那就太棒了.恐怕这两个系统会打架.有没有更好的方法来做到这一点? 解决方案 Angular UI 有一个 sortable 指令，点击这里是演示 代码位于 ui-sortable，用法: {{ item }} $scop ..
发布时间：2021-11-09 03:36:55 前端开发

在可排序中设置默认的排序列

使用 Sortable (一个jQuery插件)，我想选择一个默认值列，用于对每个负载进行排序. 例如，按类别名称为".column5"的列进行排序 如何使用可排序的jquery插件执行此操作? 解决方案 根据文档，您可以在页面加载时执行此操作. $(document).ready(function(){$("th.sort").each(function(){sort ..
发布时间：2021-05-24 19:07:47 前端开发

jQuery UI可排序列表镜像

我有一个带缩略图的画廊(如果重要的话，我使用FlexSlider 2). 我的问题是:我只需要能够使用缩略图重新排序照片，这样它就可以像镜子一样工作-更改缩略图的顺序应该也可以改变画廊本身的顺序. 除此之外，最好通过AJAX将serialize()信息发布到将记录新订单的脚本中(我在Ruby on Rails应用程序中使用"acts_as_list" gem) 所以，想象一下有这 ..
发布时间：2021-05-24 19:07:43 其他开发

SortableJS-无法将项目从可拖动和可排序中排除

我已经在此处提交了问题，但只想检查您是否可以在这里更快地解决这个问题. 试图将某项排除在可拖动的范围之外，而不是使其不能进行排序-问题是可以在其后放置其他元素. SortableJS文档似乎没有排除对象. 这是使用jQuery UI的预期行为: //jQuery UI$(“#demo .sortable").sortable({项目:"li:not(.exclude)"，取 ..
发布时间：2021-05-24 19:07:35 前端开发

jQueryUI可拖动+可排序的bug(无法读取未定义的属性' options')

我的问题似乎类似于这个问题: 从可排序列表拖动到拖放插件 但是，由于没有答案，我想知道是否有人可以/可以和我一起解决这个问题.我遇到的问题是我创建了一个可拖动的div并将其附加到可排序的div中.当我像这样指定任何参数时: $(el).sortable({... arguments ...}); 当元素被删除时，它会导致错误，请参见下文；如果将其保留为空，它会正常工作并且没有任 ..
发布时间：2021-05-24 19:07:30 前端开发

Woocommerce可排序列不起作用

我已使用以下方法在WordPress管理员的 Woocommerce 订单列表中添加了几个自定义字段列，但排序不起作用.... add_filter('manage_edit-shop_order_columns'，'my_wc_columns');函数my_wc_columns($ columns){$ new_columns =(is_array($ columns))?$ columns ..
发布时间：2021-05-24 19:07:27 其他开发

jQuery UI可排序-在列表中添加占位符以模拟空白

JQuery UI Sortable非常适合没有间隙的列表，但是说我想呈现带有间隙的项目列表，例如 1、2，空，4、5、6，空，8 其中数字表示插槽号.如果用户将元素拖动到2插槽上，将2值推入空插槽3，并且用户可以将新元素拖放到2插槽中，则如果用户将新元素拖动到插槽2上，则预期的行为是空3槽，列表项不会下推，用户可以将新项目放到空3槽中.希望这是有道理的. 我一直在查看JQuer ..
发布时间：2021-05-24 19:04:41 其他开发

jQuery可排序，带有内嵌块显示划痕

我正在尝试使用JQuery处理连接的可排序列表，但是，如果我在li CSS中使用display:inline-block，则占位符和放置位置不正确.通常更高，而且物品的大小也要重新调整以引起自动换行. 如果我更改display:inline-block by float:left ul.fieldlist li{显示:行内块；list-style-type:无；} 然后，拖放操作正常 ..
发布时间：2021-04-26 20:16:56 前端开发

jQuery棋盘状的可排序div

我在jquery中使用sortable()函数来在div中构建类似于“棋盘"的东西.我要实现的事情是让div包含可排序项目，例如可排序示例，您可以将它们拖放到预定义的位置(例如在国际象棋上).除了可排序的示例外，我还想做类似此(假设这是一个div). 到目前为止，这是我的代码 #sortable { list-style-type: none; margin: ..
发布时间：2021-02-13 18:53:06 其他开发