2016-11-13 196 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

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