看看this fiddle。
我需要让两个＆＃34;链接＆＃34; div（除了后缀A和B之外具有相同ID的ID）在拖动时一致移动。我试图编写JS来处理这个问题而不进入jquery ui库并弄乱它。在阅读各种选项标记here后，似乎并不是一种处理此问题的简单方法。
HTML：
<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>
JS：
$(document).ready(function() {
$('.template').sortable({
containment: 'body',
axis: 'y',
items: '.tmplcell.moveable',
});
});