2017-07-16 18 views
-1

請問,你有任何想法如何取消拖動&下拉與退出按鈕並返回拖動項目到原來的位置?你如何取消與退出鍵的拖動

我使用https://github.com/RubaXa/Sortable,代碼:

Sortable.create(shelf2, { 
    animation: 200, 
    group: { 
    name: "shared", 
    revertClone: true 
    }, 
    sort: true, 
    // Set the delay for the Drag&Drop effect 
    delay: 1000, 
    ghostClass: "sortable-ghost", 
    chosenClass: "sortable-chosen" 
}); 

這裏是Codepen完整例子:https://codepen.io/vlastapolach/pen/xreXpv

任何想法嗎?

+0

您需要發佈一個最小的例子,這裏顯示了問題,而不是第三方網站,可以改變或消失明天。 [mcve] – Rob

+0

嗨@Rob,謝謝你的評論。我粘貼的代碼是完整的JS拖放,沒有什麼更多..但最後我用不同的JS庫(jQueryUI)和添加事件監聽器的Esc鍵與取消方法,它有jQueryUI,它工作:)謝謝再次 –

+0

沒關係。當這個代碼消失時,任何有同樣問題的人都不會得到任何幫助,因此這個問題毫無價值。這就是爲什麼它應該被刪除或主持人最終將其刪除。 – Rob

回答

0

問題通過切換到不同的庫解決 - jQueryUI的,並呼籲他們的母語取消方法:

$(document).keyup(function(e) { 
    if (e.which === 27 || e.keyCode === 27) { 
     $("#shelf1, #shelf2").sortable("cancel"); 
    } 
    }); 
});