jQuery UI 可排序项目选项

jQuery UI由使用 jQuery JavaScript 库实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建 UI 界面。它可用于构建高度交互的 Web 应用程序，也可用于轻松添加小部件。

在本文中，我们将学习jQuery UI 可排序项目选项。 items选项设置哪些项目需要是可排序的。

语法：我们需要 传递需要对元素的子元素进行排序的元素。在下面的初始化中，我们使子列表项可按如下方式排序：

$("#sortable").sortable({
    items: "> li"
});

• 使用以下语法在初始化后获取或设置：

  // Get the option
  var itemsOption = $("#sortable").sortable("option", "items");

• 使用以下语法在初始化后设置：

  // Set the option
  $("#sortable").sortable("option", "items", "> ul > li");

CDN 链接：为您的 jQuery Mobile 项目使用以下 CDN。

示例：在下面的示例中，我们通过对 items 选项使用“>ul > li”使初始列表的子列表可排序。

HTML

  

    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
             jQuery UI Sortable items Option
            
                Data Structures
                Algorithms
                    
                        Competitive Programming
                        Machine Learning
                    
            
        
    
    
    $("#sortable").sortable({
        placeholder: "ui-state-highlight",
        items: "> ul > li"
    });
    

  

输出：

参考： https://api.jqueryui.com/sortable/#option-items