我有不同排序组中的可排序元素。我想用一个元素作为工具来添加新的元素。它应该以这种方式工作:当用户将此“添加新元素”拖动到特定位置时,应该创建新元素,并拖动一个元素(“添加新元素”)应保留在之前的位置。一个元素使另一个元素
你有任何想法,如果这是可能的?
我有不同排序组中的可排序元素。我想用一个元素作为工具来添加新的元素。它应该以这种方式工作:当用户将此“添加新元素”拖动到特定位置时,应该创建新元素,并拖动一个元素(“添加新元素”)应保留在之前的位置。一个元素使另一个元素
你有任何想法,如果这是可能的?
如果我的理解是正确的,这个链接可能会给你一些如何去做的想法。尝试在此页面上给出的演示。
[链接: - 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/ –