jquery - 使用 jQueryUI sortable 和 draggable 导致 sortable 元素的容器内联 block 元素跳转

标签 jquery css jquery-ui jquery-ui-sortable jquery-ui-draggable

stackoverflow上的相关问题01 . JSFiddle:http://jsfiddle.net/ashugupt/hpncs/1/

也试过如下排序:

$(".fields").sortable({
        connectedWith: ".fields",
        revert: true,
    });

附言您需要向绿色 div 的底部拖动(在红色和绿色之间),如快照 misbehaving sortable container 所示。

最佳答案

如评论中所述,此 solution适合你。

我基本上改变了你的结构

display: inline-block;

float: left;

关于jquery - 使用 jQueryUI sortable 和 draggable 导致 sortable 元素的容器内联 block 元素跳转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18673574/

相关文章:

javascript - 提交表单时的模态框

javascript - 如何使用微调器输入强制 valueUpdate (knockoutJS)

css - 如何将 Gtk.InfoBar 的背景颜色更改为黄色?

css - 如何使用 css 通配符选择器并将通配符值用作 scss 的属性

jquery validate 添加方法来验证日期时间

javascript - 在 jquery 提交函数中分配全局变量并传递给正则表达式函数

jquery - IE 中的 prettyPhoto 无法正常工作

javascript - ios5 iPad 的功能无法正常工作

javascript - 无法在 'removeChild' : parameter 1 is not of type 'Node' in javascript 上执行 'Node'

jquery - 对图像的盲目影响