css 使用jQuery UI可排序和Bootstrap 5响应页面的问题

iaqfqrcu  于 2022-12-24  发布在  jQuery
关注(0)|答案(1)|浏览(123)

有人在Bootstrap 5响应页面上使用过jQuery UI Sortable小部件吗?
我的页面有一系列<div class="col-lg-6">元素,因此每行显示两个元素。
排序工作。但我有以下问题:
1.如果我把左边的一个项目拖到右边的项目上,什么也不会发生。只有当我也把它拖下来的时候,它才会交换这两个项目。
1.如果我使用移动的设备布局(每行1个项目),则根本不会拖动或排序任何内容。
我为此创建了一个Codepen,但是我找不到一个带有合适的jQuery UI组件的CDN。如果有人知道这些组件在哪里,我可以添加它们。我的Codepen位于https://codepen.io/softcircuits/pen/QWBWwwJ

qojgxg4l

qojgxg4l1#

1.设置tolerance: 'pointer'选项后,这似乎起作用了。
1.这似乎与jQuery UI不支持的触摸事件检测(与鼠标事件相比)有关。
另外,滚动对我来说不起作用,这是因为<body>overflow-x: hidden的风格。

相关问题