2

我是第一次使用 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/

4

0 回答 0