我有一个问题是动态添加div我的拖放操作的目标如果有人可以检查这个小提琴
http://jsfiddle.net/dgobrien123/FvG2J/embedded/result/
并可能帮助我找到我的错误.
并可能帮助我找到我的错误.
在文档就绪方法中,这是应用droppable的方式:
$(".droppable").droppable({ activeClass: 'dragactive',hoverClass: 'drophover',drop: function(event,ui) { alert( this.id ); $(this).addClass('drophighlight').find('p').text( '' + ui.draggable.children("span").text() + ''); } });
function addGroup() { counter = counter + 1; $("div#pcgroups").append("<div class='dropcontainer'><div class='droppable' id='GROUP" + counter + "'><p>PC GROUP #" + counter + "</p></div></div>"); return counter; }
解决方法
您遇到的问题是您在创建元素之前应用了droppable.您可以在addGroup()方法中创建它们时应用它:
function addGroup() { counter = counter + 1; var x = $("<div class='dropcontainer'><div class='droppable' id='GROUP" + counter + "'><p>PC GROUP #" + counter + "</p></div></div>"); $("div#pcgroups").append(x); x.droppable({ activeClass: 'dragactive',ui) { alert(this.id); $(this).addClass('drophighlight').find('p').text('' + ui.draggable.children("span").text() + ''); } }); }
更新小提琴:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。