Question

我是javascript的新手并且已经声明要学习javascript。我遇到了一段代码。我想知道

的用法和含义

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

＆＃34; ui.draggable＆＃34;指的是包含当前在页面上拖动的所有元素的对象。

功能

drop: function(e, ui) {
}

在可放置的元素上放置可拖动对象时执行

。您可以在这里参考jquery-ui API文档：http://api.jqueryui.com/category/interactions/用于拖放功能。这是重点和恰当的。还要检查他们的演示。从演示开始，以便更好地掌握它。

拖放：

HTML5已经具有属性＆＃39; draggable =＆＃34; true＆＃34;＆＃39;您可以添加到您的元素。然后，您可以附加handleDrag，handleDrop等事件，以便获得所需的功能。请在此处查看：https://www.html5rocks.com/en/tutorials/dnd/basics/
jQueryUI具有可以添加到页面元素的交互式小部件。掌握起来非常简单。请参阅上面提到的用于探索的链接。您可以使用触摸库http://touchpunch.furf.com/使jqueryUI也能在移动设备上运行。
您可以编写自己的纯javascript拖放功能。我在这里找到了一个：https://github.com/lukasolson/drag-n-drop-js。

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

ui.draggable.draggable是什么意思？

1 个答案: