2016-11-13 113 views
0

我是JavaScript新手,并已声明学习JavaScript。我碰到一段代码来。我想知道,下面ui.draggable.draggable的含义是什么?

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]; 

所示的

ui.draggable.dragabble代码的用法和含义我也想知道的网站,以了解拖放的方式, javascript,以更好的方式。

任何帮助提前感谢。

回答

0

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

功能

drop: function(e, ui) { 
} 

当一个可拖动的对象被一个可投放元件上滴加被执行。您可以参考这里的jquery-ui API文档:http://api.jqueryui.com/category/interactions/以了解拖放功能。这是关键和恰当的。也请检查他们的演示。从演示开始,以便更好地掌握它。

拖放:

  1. HTML5已经有属性“拖动=‘真’”,你可以添加到您的元素。然后,您可以附加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

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