我有两列,每列都有很多行/div。我试图让 jQuery UI Sortable 以某种方式工作,如果我在左列中拖动一个 div,右列中的关联行/div 也将被排序。
例如,
<html><body>
<div class='left-column'>
<div class='field' id='left_1'>content 1</div>
<div class='field' id='left_2'>content 2</div>
<div class='field' id='left_3'>content 3</div>
</div>
<div class='right-column'>
<div class='field' id='right_1'>content 1</div>
<div class='field' id='right_2'>content 2</div>
<div class='field' id='right_3'>content 3</div>
</div>
</body></html>
至于 jQuery,现在我有,
function linkedSort() {
$('.left-column').sortable({
axis: 'y',
stop: function(event, ui) {
$('.left-column .field').each(function(i, field) {
var fieldName = $(field).attr('id');
var fieldNumber = fieldName.substr(fieldName.indexOf('_')+1);
// do something here to place it in the right area
});
}
});
};
如果我将 .left-column .field_2 拖到 .field_3 下方,则 .right-column 中的各个 div 也应该重新排列。
谢谢!