2014-01-24 297 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/ 我可以取消建议同样的方式,但也收到位置! –

相关问题