Question

我有一个可排序的，其中两个连续的元素可以彼此“附着”。当执行附加操作时，我将两个“field”元素包装在“field-group-container”div中，希望我能够将两个内部“field”元素作为一个单元拖动。

奇怪的是，如果我从field-group-container的第一个孩子（两个孩子）开始拖动，这种方法很有效，但是，如果我从第二个孩子开始拖动，那么该字段会被拉出该字段-group容器。我希望两个字段元素一起移动，而不管点击哪个元素来启动拖动。

我尝试使“items”可排序选项更具体，只允许拖动字段组容器和不是字段组容器的子字段的字段，但看起来click事件在冒泡到之前被取消field-group-container。

为了找出这是否是可排序或我的实现问题，我创建了一个简化版本，看看我是否可以复制我的问题。

<div id="sortable">
    <div class="field">A</div>
    <div class="field">B</div>
    <div class="field-group-container">
        <div class="field">C</div>
        <div class="field">D</div>
    </div>
    <div class="field">E</div>
    <div class="field">F</div>
    <div class="field">G</div>
</div>

http://jsfiddle.net/prsGz/

它完全符合预期！

这与我在项目中观察到的行为相矛盾。在我的真实实现“字段”元素有几个内部元素作为标签，按钮等

我的问题

有谁知道会导致这种行为的原因是什么？
什么可能导致我的两个场元素不作为一个单位移动即使它们都包装在父容器中？

将jQuery UI可排序元素作为组移动

0 个答案: