2014-01-24 345 views
0

我有不同排序組中的可排序元素。我想用一個元素作爲工具來添加新的元素。它應該以這種方式工作:當用戶將此「添加新元素」拖動到特定位置時,應該創建新元素,並拖動一個元素(「添加新元素」)應保留在之前的位置。一個元素使另一個元素

你有任何想法,如果這是可能的?

+2

我想你忘了粘貼'code' –

+0

我寫了一個例子......我的代碼是相當混亂(我做一些測試)和我做了更好看的例子。 .. http://jsfiddle.net/2jBX2/ –

回答

0

如果我的理解是正確的,這個鏈接可能會給你一些如何去做的想法。嘗試在此頁面上給出的演示。

[鏈接: - 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*/   
     } 
    }); 
}); 
+0

好的這可能是解決方案...我甚至沒有想到與可拖動元素結合。另一方面,我相信結合是沒有必要的。我認爲這一切都可以使用sortable解決..我在上面評論中寫了示例代碼。 –

+0

這一個幫助我... 這裏是例子:http://jsfiddle.net/eagerwolf/WafwY/ 我可以取消建議同樣的方式,但也收到位置! –

相關問題