jQuery UI 可排序占位符选项

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

在本文中，我们将学习jQuery UI 可排序占位符 Option 。当项目被拖到不同的位置时，占位符选项将类名应用到左边的空白处。空白区域可以被 jQuery UI 中的一些类覆盖。

语法：使用任何类初始化占位符选项，如下所示。默认值为false ，表示无。

$("#sortable").sortable({
    placeholder: "ui-state-highlight",
});

• 要得到 初始化后的选项，使用如下语法：

  // Get the placeholder option
  var placeholderOption = $("#sortable")
      .sortable("option", "placeholder");

• 要在初始化后设置选项，请使用以下语法：

  // Set the placeholder option
  $("#sortable").sortable("option",
      "placeholder", "ui-state-highlight");

CDN 链接：为 jQuery UI 项目使用以下 CDN。

示例：在以下示例中，我们将高亮 UI 颜色应用于占位符选项。

HTML

  

    
    
    
    
    

  

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

  

输出

jQuery UI 可排序占位符选项

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