动态创建的元素上的Droppable和sortable函数不起作用

时间:2012-01-18 03:50:28

标签: jquery jquery-ui jquery-ui-sortable

在过去的两天里坚持这个问题:-(尝试用动态添加的组创建可拖动的可排序列表。能够创建容器,但div不能被删除到这些容器..有人可以指出我在做什么它错了,我知道它必须分配给一个变量,即使尝试过,现在仍在工作.. 小提琴如下..

http://jsfiddle.net/Sullan/mLHJW/

3 个答案:

答案 0 :(得分:5)

如果dynmmcally创建的元素不起作用,请尝试在jquery 1.7版中使用on。如果您使用的数量少于1.6,1.5或其他,则可以使用live

例如

$("p").on("click", function(){
alert( $(this).text() );
});

$("p").live("click", function(){
alert( $(this).text() );
});

insted of

$("p").click( function(){
alert( $(this).text() );
});

on ad live将被添加到动态创建的元素

http://api.jquery.com/on/

http://api.jquery.com/live/

答案 1 :(得分:5)

只是在按钮点击内重复调用..不确定它是否正确...但是效果很好......

http://jsfiddle.net/Sullan/mLHJW/1/

答案 2 :(得分:2)

尝试使用此插件http://docs.jquery.com/Plugins/livequery#Download

一旦你加入它就像这样使用它(代码中的例子):

var test = $('ul.itemsList').livequery(function(){
                    $(this).sortable({
                        connectWith: $('.itemsList, .itemsList li')
                    });
               });