jQuery UI Draggable instance() 方法

jQuery UI是一种基于 Web 的技术，由各种 GUI 小部件、视觉效果和主题组成。这些功能可以使用 jQuery JavaScript 库来实现。

jQuery UI 是为网页构建 UI 界面的最佳工具。它还可以用于构建高度交互的 Web 应用程序，或者可以用于轻松添加小部件。

在本文中，我们将使用jQuery UI Draggable instance()方法来检索可拖动对象的实例对象。如果元素没有任何关联的实例，则返回“未定义”。它不接受任何功能参数。

句法：

var Instance = $( ".selector" ).draggable( "instance" );

参数：此方法不接受任何参数。

返回类型：此方法返回一个对象值，其中包含可拖动的实例对象。

CDN 链接：添加您的项目所需的以下 jQuery Mobile 脚本。

示例：此示例演示jQuery UI Draggable instance()方法。

HTML

  

    
    
    
    
    
    
  
    
        .drag {
            width: 90px;
            height: 40px;
            border: 1px solid black;
            background-color: blue;
        }
  
        .drop2,
        .drop3 {
            width: 200px;
            height: 40px;
            border: 1px solid black;
            float: center;
            background-color: green;
        }
  
        #btn {
            padding: 0.5;
            font-size: 25px;
            height: 40px;
            width: 150px;
        }
    
  
    
        $(function () {
            $("#btn").on('click', function () {
                var insta = $(".drop2").draggable("instance");
                console.log(insta);
            });
  
            $(".drag").draggable();
            $(".drop2").droppable();
        });
    

  

    
        
            GeeksforGeeks
        
  
        jQuery UI Draggable instance() method
  
        
            Drag
        
        
  
        
            Drop here
        
        
          
        
        
    

  

输出：

jQuery UI Draggable instance() 方法

参考： https://api.jqueryui.com/draggable/#method-instance