我有不同排序組中的可排序元素。我想用一個元素作爲工具來添加新的元素。它應該以這種方式工作:當用戶將此「添加新元素」拖動到特定位置時,應該創建新元素,並拖動一個元素(「添加新元素」)應保留在之前的位置。一個元素使另一個元素
你有任何想法,如果這是可能的?
我有不同排序組中的可排序元素。我想用一個元素作爲工具來添加新的元素。它應該以這種方式工作:當用戶將此「添加新元素」拖動到特定位置時,應該創建新元素,並拖動一個元素(「添加新元素」)應保留在之前的位置。一個元素使另一個元素
你有任何想法,如果這是可能的?
如果我的理解是正確的,這個鏈接可能會給你一些如何去做的想法。嘗試在此頁面上給出的演示。
[鏈接: - http://jqueryui.com/droppable/#revert]
// Here is the code copied from the same page. I have modified it a bit.
$(function() {
// Element which you will drag
$("#draggable").draggable({ revert: "valid" });
// Element to which you will drag the above(draggable) element.
// On 'drop' event of this droppable you can add the element.
$("#droppable").droppable({
activeClass: "ui-state-default",
hoverClass: "ui-state-hover",
drop: function(event, ui) {
/*Write code for adding new item in the sortable list here*/
}
});
});
好的這可能是解決方案...我甚至沒有想到與可拖動元素結合。另一方面,我相信結合是沒有必要的。我認爲這一切都可以使用sortable解決..我在上面評論中寫了示例代碼。 –
這一個幫助我... 這裏是例子:http://jsfiddle.net/eagerwolf/WafwY/ 我可以取消建議同樣的方式,但也收到位置! –
我想你忘了粘貼'code' –
我寫了一個例子......我的代碼是相當混亂(我做一些測試)和我做了更好看的例子。 .. http://jsfiddle.net/2jBX2/ –