有人在Bootstrap 5响应页面上使用过jQuery UI Sortable小部件吗?
我的页面有一系列<div class="col-lg-6">
元素,因此每行显示两个元素。
排序工作。但我有以下问题:
1.如果我把左边的一个项目拖到右边的项目上,什么也不会发生。只有当我也把它拖下来的时候,它才会交换这两个项目。
1.如果我使用移动的设备布局(每行1个项目),则根本不会拖动或排序任何内容。
我为此创建了一个Codepen,但是我找不到一个带有合适的jQuery UI组件的CDN。如果有人知道这些组件在哪里,我可以添加它们。我的Codepen位于https://codepen.io/softcircuits/pen/QWBWwwJ。
1条答案
按热度按时间qojgxg4l1#
1.设置
tolerance: 'pointer'
选项后,这似乎起作用了。1.这似乎与jQuery UI不支持的触摸事件检测(与鼠标事件相比)有关。
另外,滚动对我来说不起作用,这是因为
<body>
有overflow-x: hidden
的风格。