jQuery UI 可选自动刷新选项

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

jQuery UI Selectable autoRefresh选项用于确定是否刷新每个选中项的位置和大小。如果您有很多项目，则此选项设置为“false”。

句法：

使用autoRefresh选项初始化可选元素：

$(".selector").selectable({
   autoRefresh: false
});

初始化后设置或返回autoRefresh选项：

// Set the autoRefresh option
$( ".selector" ).selectable( "option", "autoRefresh", false );

// Return the autoRefresh option
var auto_refresh = $( ".selector" )
  .selectable( "option", "autoRefresh" )

CDN 链接：

例子：

HTML

  
    
    
    
    
    
    
    
    
    
    
        .grid {
          display: grid;
          grid-template-columns: 50px 50px 50px;
          gap: 10px;
        }
        .grid-item {
          width: 50px;
          height: 50px;
          background-color: aqua;
        }
        .ui-selected {
          background-color: green;
        }
        .ui-selecting {
          background-color: rgb(122, 255, 122);
        }
    
  
  
       GeeksforGeeks
       jQuery UI Selectable  autoRefresh Option
       
          
          
          
          
          
          
          
          
          
       
       
          $(".grid").selectable({
            autoRefresh: true,
          });
       
  

输出：

参考： https ://api.jqueryui.com/selectable/#option-autoRefresh