我是第一次使用 jQuery UI。对于我当前的项目,可排序功能非常方便。我正在尝试构建某种播放列表编辑器。有一堆曲目(列表 1),用户应该能够将它们拖放到最多包含 3 个项目的播放列表(列表 2)。
我已经设法设置了最多 3 个项目,但是使用我当前的解决方案,无法对单个列表中的项目进行排序。当播放列表中的最多 3 个项目达到时,我仍然希望用户对列表项进行排序或删除。
你能给我一个提示吗?
$(function() { $( "#playlist, #tracks" ).sortable({
connectWith: ".mix",
cursor: "move",
handle: ".handle",
revert: 200,
opacity: 0.8,
delay: 50,
placeholder: "sortable-placeholder",
stop: function(event, ui) {
var size = $("#playlist li.track").size();
$("#music").append(size+" ");
sizeCheck();
if (playlistFull) {
$("#music").append("full ");
} else {
$("#music").append("space ");
};
playlistWatcher();
},
start: function(event, ui) {
if (playlistFull) {
// $(ui.item).sortable('cancel'); // What to do here?
};
},
}).disableSelection();
});
JSfiddle:http: //jsfiddle.net/9yzea/2/