jquery – jsquery可排序,带有内联块显示划痕

2023年8月10日 173次阅读

我正在尝试使用
JQuery连接可排序列表,但是,如果我在我的li CSS中使用display：inline-block,则占位符和放置位置不正确.它通常更高,并且还调整了项目的大小,从而导致wordwrap.

如果我更改display：inline-block by float：left here

ul.fieldlist li
{
        display:inline-block;
        list-style-type: none;
}

然后拖拽工作正常,但由于某些原因,我无法拖回原来的可排序.

我做了一个jsfiddle来显示问题：

http://jsfiddle.net/uArNx/5/

我的填充/边距可能有问题,但我无法弄明白.

欢迎任何帮助:)

最佳答案 修复程序是vertical-align：top.我可以说,JqueryUI Sortables不能处理vertical-align：middle well.

尝试将vertical-align：top添加到jsfiddle中 – 它会清除对齐问题.

这里有一些注释,以及内联块的初始修复,但我认为valign中间案例被遗漏了.
http://bugs.jqueryui.com/ticket/6942

点赞