Javascript 使用jQuery UI sortable拖动两个div时，强制两个div一起移动_Javascript_Jquery_Jquery Ui_Jquery Ui Sortable

Javascript 使用jQuery UI sortable拖动两个div时，强制两个div一起移动

javascript jquery jquery-ui

Javascript 使用jQuery UI sortable拖动两个div时，强制两个div一起移动,javascript,jquery,jquery-ui,jquery-ui-sortable,Javascript,Jquery,Jquery Ui,Jquery Ui Sortable,看一看我需要让两个“链接”div（除了后缀a和B外，ID相同）在拖动时一致移动。我正在尝试编写JS来处理这个问题，而不必进入jQueryUI库并把它搞砸。在阅读了各种选项标志之后，似乎没有简单的方法来处理这个问题 HTML: 我的错误。有些可能性，但你没有列表项，所以我不确定它有多重要。或者。我认为助手功能就是你的票。没有一个简单的方法可以做到这一点。您可以利用helper:function（）来构建一个分组元素。我刚刚查看了start:function（）标志，这似乎效果更好，因为helpe

看一看

我需要让两个“链接”div（除了后缀a和B外，ID相同）在拖动时一致移动。我正在尝试编写JS来处理这个问题，而不必进入jQueryUI库并把它搞砸。在阅读了各种选项标志之后，似乎没有简单的方法来处理这个问题

HTML:

我的错误。有些可能性，但你没有列表项，所以我不确定它有多重要。或者。我认为助手功能就是你的票。没有一个简单的方法可以做到这一点。您可以利用

helper:function（）

来构建一个分组元素。我刚刚查看了

start:function（）

标志，这似乎效果更好，因为

helper

应该会返回一些内容。我可以切掉ID的最后两个字符并检查是否匹配，这样就可以将两个“链接”div分组。但从那以后，我需要了解这群人是如何协调行动的。比如：

<body>
    <div class="template ui-sortable" id="template_epsemail_email">
        <div class="tmplcell moveable ui-sortable-handle" id="tmplchunk_1"> unlinked </div>
        <div class="tmplcell moveable ui-sortable-handle" id="tmplchunk_2"> unlinked </div>
        <div class="tmplcell moveable ui-sortable-handle" id="tmplchunk_3_A"> linked </div>
        <div class="tmplcell moveable ui-sortable-handle" id="tmplchunk_3_B"> linked </div>
    </div>
</body>

$(document).ready(function() {
    $('.template').sortable({
        containment: 'body',
        axis: 'y',
        items: '.tmplcell.moveable',
      });
});