jquery可排序边框折叠chrome safari答案

【问题标题】：jquery sortable border collapse chrome safarijquery可排序边框折叠chrome safari
【发布时间】：2012-01-19 15:15:59
【问题描述】：

我在带有border-collapse: collapse 的表上使用jQuery sortable()。 Chrome 和 Safari 中的行间距发生了一些奇怪的事情。在 IE、FF 和 Opera 中似乎没问题。

有人知道问题出在哪里吗？

这是移动行后的屏幕截图。

【问题讨论】：

当我查看 jsfiddle（Debian 上的 Chromium 13）时，没有发现任何明显错误——你能提供更多信息吗？
@simon 我认为当您重新排序内部行之一（如 2 或 3）时会出现问题 - 它会使一行或多行之间的边框大小加倍。最终它甚至会在行之间创建空白。
@Benjamin 我可以确认您的问题，但没有看到任何有效的解决方案。看起来与此相关，但他们的解决方案不起作用：forum.jquery.com/topic/sortable-problem-on-chrome-browser。我发现唯一可行的方法是完全删除 td 边框！显然不理想...
@mutex，border-spacing:0 也不适合我。在此期间，我可能会使用border-collapse: separate。我想知道为什么 table.hide().show(0) 修复它但 table.hide().show() 没有。也许在某个地方有答案。

【解决方案1】：

我已经为此工作了一段时间。我能做到的最接近的是：

我更改了一点 CSS 以将边框放在不同的地方，如果不是您想要的，它看起来非常接近。

希望对你有帮助。

【讨论】：

很酷，你让它工作了！我想我会在太多地方更改 html 作为修复。我相信它会对某人有用。对我来说，把它弄乱还不够紧迫。我更愿意了解究竟是什么导致了问题，或者在未来的 jQuery 或 Chrome 中看到它得到修复。谢谢！