javascript - 使用 jQuery UI sortable 时边距消失

标签 javascript jquery jquery-ui

我有一个页面,其中的一个片段如下:

http://jsfiddle.net/McZM8/2/embedded/result/

这是一个可排序的列表。但是,当切换某些元素时,边距会消失。尝试切换标记为“Campbell”和“Painted Post”的元素。看看 Campbell 的新位置和标有“Cohecton”的元素之间的边距是如何消失的?

我怎样才能阻止这种情况发生?

最佳答案

这是由于 span 元素之间的换行符。这相当于每个字符之间有一个空白字符。

拖动某些东西后,它会取消换行符,从而减少间距。

自己看看:http://jsfiddle.net/McZM8/3/

要么删除每个 span 元素之间的空格,要么切换到无序列表。
IE 可能仍然会给您带来 <li> 之间的换行符问题标签虽然;我不太记得了。

关于javascript - 使用 jQuery UI sortable 时边距消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8171650/

相关文章:

jquery - 多维数组 JQUERY 和 JSON

jquery - 为什么 div 位置设置不正确

javascript - 鼠标移开时隐藏与显示冲突

javascript - jQuery 显示和隐藏动态类不起作用

javascript替换现有键的值并加上1其他键和值

javascript - d3转换会改变哪些属性?

jquery - 显示 anchor 时停止悬停

javascript - 如何仅将 .click() 事件绑定(bind)到容器?

javascript - jquery-ui draggable 和 dynamic Jquery-ui draggable?

javascript - 无需 key 即可访问 JSON 数据