0

我需要在后台加载一个 UL，然后在一个对话框中显示它以进行排序，但我是 JQuery/JQuery UI 的新手，显然在使用 Google 时遇到了麻烦。这是据我所知：

$(document).on('click','a.priority', function(){
    // Get the URL of the link
    var href = $(this).attr('href');
    // Tell the page to expect JS instead
    href = href + "/ajax";
    // Get the page content
    $.get(href, function(data){
        // Initialise a dialog for the content
        var my_dialog = $('<div></div>')
            .dialog({
                 autoOpen: false
                ,open: function (event, ui) {
                    // Add the result of the GET (a UL) as the dialog's content
                    my_dialog.html(data);
                    // Make it sortable, how?
                    my_dialog.sortable().disableSelection();
                    // Set the dialog title (this will be dynamic later, and we might need to call a single dialog that gets remangled rather than creating one every time)
                    my_dialog.dialog("option","title","Change priority");
                }
            });
        // Show the dialog
        wsd_dialog.dialog('open');
    });
    // Don't follow the link
    return false;
});

这将抓取内容（需要排序的项目的 UL）并将其显示在对话框中 - 但 UL 显示为单个“可排序”元素。

如何使 UL 的 LI 子项而不是 UL 本身可排序？

感觉这是一个愚蠢的问题，我一定在文档中遗漏了一些东西。

4

1 回答 1

1

看起来你正在调用sortable()对话框。您需要在对话框中选择列表项并调用sortable()它们：

my_dialog.find('ul').sortable();
于 2013-08-07T15:53:49.033 回答