Question

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

jQuery UI - 可排序列表 - 有限项 - 特殊行为

0 个答案: