MooTools Sortables 的水平列表有问题

发布于 2024-08-26 07:40:34 字数 477 浏览 12 评论 0原文

当列表项水平显示时,我在使用 Sortables 类对列表项进行排序时遇到问题。删除此样式修复了所有问题:

display: inline

在 jsfiddle 上创建了一个示例。

这有效。检查 .countries li 的样式表 - 它不会内联显示列表 - http:// jsfiddle.net/Wgpqw/

这无法正常工作。我可以在列表中拖动列表项,但在移动时会随机发生排序 - http://jsfiddle。 net/Wgpqw/1/

我怀疑它与内联模式下的列表元素定位有关。非常感谢任何帮助。

I am having problems sorting list items using the Sortables class when the list items are displayed horizontally. Removing this style fixed everything:

display: inline

Created an example on jsfiddle.

This works. Check the stylesheet for .countries li - it does not display the list inline - http://jsfiddle.net/Wgpqw/

This does not work properly. I can drag the list items around the list, but the sort randomly happens when moving around - http://jsfiddle.net/Wgpqw/1/

I suspect it has something to do with the list element positioning in inline mode. Any help is greatly appreciated.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

晌融 2024-09-02 07:40:34

找到了解决方案。将 ul 的样式更改为 display: table,将 li 元素的样式更改为 display: table-cell

你说哈基?它有效:)

更新了小提琴上的代码:
http://jsfiddle.net/Wgpqw/2/

Found a solution. Change the styling of ul to display: table and the li elements to display: table-cell.

Hacky you say? it works :)

Updated code on fiddle:
http://jsfiddle.net/Wgpqw/2/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文