ui.draggable.draggable是什么意思？

Question

我是新的javascript，并声明学习javascript。我偶然发现了一段代码.I想知道它的用法和意义

ui.draggable.dragabble中的代码如下所示

    drop:function(e,ui){                            
    var drag = ui.draggable;
    $(this).droppable('option', 'accept', drag);
    drag.css({'top':$(this).css('top'),'left':$(this).css('left')});
    drag.draggable('option', 'revert', function(){return false});
    var drop_index=$(this).attr("id").split('_')[1];

我也想知道的网站，以更好的方式学习有关拖拽的javascript。

任何帮助，我们都会提前表示感谢。

Answer 1

"ui.draggable“指的是包含当前正在页面上拖动的所有元素的对象。

功能

drop: function(e, ui) {
}

当拖放对象被拖放到可下垂元素上时执行。您可以参考这里的jquery文档:用于拖拽功能的http://api.jqueryui.com/category/interactions/。这是切中要害的。也要检查他们的演示。从演示开始，以便更好地掌握它。

用于拖放：

1. HTML5已经有了可以添加到元素中的属性‘draggable=’“true”。然后可以附加诸如handleDrag、handleDrop等事件，从而获得所需的功能。在这里查看：https://www.html5rocks.com/en/tutorials/dnd/basics/
2. jQueryUI具有交互式小部件，可以添加到页面元素中。掌握起来很简单。有关探索，请参阅上述链接。您也可以使用触摸穿孔库http://touchpunch.furf.com/使jqueryUI在移动设备上工作。
3. 您可以编写自己的纯javascript拖放函数。我在这里找到了一个：https://github.com/lukasolson/drag-n-drop-js。

我只知道这3种拖放方式。也许还有其他人。