MooTools Sortables 的水平列表有问题
当列表项水平显示时,我在使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
找到了解决方案。将
ul
的样式更改为display: table
,将li
元素的样式更改为display: table-cell
。你说哈基?它有效:)
更新了小提琴上的代码:
http://jsfiddle.net/Wgpqw/2/
Found a solution. Change the styling of
ul
todisplay: table
and theli
elements todisplay: table-cell
.Hacky you say? it works :)
Updated code on fiddle:
http://jsfiddle.net/Wgpqw/2/