【发布时间】:2009-08-10 15:07:53
【问题描述】:
当我查看人们添加到 Scriptaculous 的内容时,我发现了一些有趣的代码,我正在尝试修改它以达到我的目的。我几乎所有的工作都正常了,除了当我粘贴放置处理程序代码时,我的页面停止加载。
以下是相关的片段:
对于可拖动对象:
for (i=0; i<=50; i++){
Squad = 'Squad' + i
if($(Squad)){
new Draggable(Squad,{revert:true});
对于 Droppable:
Droppables.add('ToEast', {
accept: ["Nurse","Squad","Doctor"],
onDrop:function(e){DropHandler(e,'ToEast')}
});
drophandler:
function DropHandler(element,el){
var newnode = document.createElement('img');
var classname = element.className;
newnode.src="images/"+IdCatcher+".jpg";
newnode.id = IdCatcher;
$(el).appendChild(newnode);
newnode.setAttribute("class", 'classname');
newnode.setAttribute("className", 'classname);
new Draggable(newnode.id,{revert:true});
element.parentNode.removeChild(element);
}
我用“alert()”替换了代码,它开始工作正常,所以最后一个块中的某些东西不能正常工作。我不得不修改他们的很多代码以使其适用于当前版本的 scriptaculous,但我并不那么熟悉,所以它可能与旧代码有关?或者它可能有什么问题,我还不够好。
【问题讨论】:
标签: javascript scriptaculous draggable droppable