我试图在 jQuery 可排序集中选择多个项目,然后将选定的项目一起移动.
这是我的弱点开始尝试使其发挥作用 http://jsfiddle.net/benstenson/CgD8Y/。这是代码:
HTML:
<div class="container">
<div>one</div>
<div>two</div>
<div>three</div>
<div>four</div>
<div>five</div>
</div>
JS:
$('.container div').draggable({
connectToSortable: '.container',
//How do I drag all selected items?
helper: function(e, ui) {
return $('.selected');
}
});
$('.container').sortable({
axis: 'y',
//How do I sort all selected items?
helper: function(e, ui) {
return $('.selected');
}
});
$('.container div').live('click', function(e) {
$(this).toggleClass('selected');
});
CSS:
body{background-color:#012;font-family:sans-serif;text-align:center;}
div{margin:5px 0;padding:1em;}
.container{width:52%;margin:1in auto;background-color:#555;border-radius:.5em;box-shadow:0 0 20px black;}
.container div{background-color:#333;color:#aaa;border:1px solid #777;background-color:#333;color:#aaa;border-radius:.25em;cursor:default;height:1em;}
.container div:hover{background-color:#383838;color:#ccc;}
.selected{background-color:#36a !important;border-color:#036 !important;color:#fff !important;font-weight:bolder;}
我不知道我的方向是否正确。我在网上找不到这样的例子。Just https://stackoverflow.com/q/5222423/850990 lots https://stackoverflow.com/q/1094156/850990 of https://stackoverflow.com/q/1718851/850990 related https://stackoverflow.com/q/6303528/850990 问题 https://stackoverflow.com/q/3774755/850990. https://stackoverflow.com/q/1489226/850990有人知道怎么做吗?
例如,如果我从 6 个列表中选择了项目 4 和 5。我希望能够将 4 和 5 拖动到集合的顶部以获得此顺序 -4 51 2 3 6 - 或者如果我选择 5 和 1 并将它们拖到底部 - 2 3 4 61 5