Javascript onDragstart未发射,但onDrop发射-等级测试

Javascript onDragstart未发射,但onDrop发射-等级测试,javascript,dom,drag-and-drop,ranking,Javascript,Dom,Drag And Drop,Ranking,我似乎不明白为什么有时候,当我将此列表中的项目拖动到其他位置时,ondragstart事件似乎不会触发,但ondrop会触发。当您将项目A拖动到项目B的位置,然后进行A&B交换时,这似乎是可靠的。现在处于A项原始位置的B项在您再次尝试拖动B项时似乎不会触发ondragstart。我尝试重新应用事件,以防在交换过程中丢失,但这似乎不起作用。任何见解都将不胜感激 document.addEventListener(“DOMContentLoaded”),函数(事件){ makingRanking(

我似乎不明白为什么有时候,当我将此列表中的项目拖动到其他位置时,ondragstart事件似乎不会触发,但ondrop会触发。当您将项目A拖动到项目B的位置,然后进行A&B交换时,这似乎是可靠的。现在处于A项原始位置的B项在您再次尝试拖动B项时似乎不会触发ondragstart。我尝试重新应用事件,以防在交换过程中丢失,但这似乎不起作用。任何见解都将不胜感激

document.addEventListener(“DOMContentLoaded”),函数(事件){
makingRanking();
});
函数makingRanking(){
var ranking_groups=document.getElementsByClassName(“ranking”);
对于(var i=0;i
.Ranking.ResponseSet{
显示:无;
}
.排名.DemoQuest{
文本对齐:居中;
垂直对齐:顶部;
背景色:#C4;
边界半径:3px;
颜色:黑色;
填充:10px 12px;
填充顶部:10px;
过渡时间:0.4s;
字体大小:16px;
垂直对齐:中间对齐;
-moz用户选择:无;
-webkit用户选择:无;
-ms用户选择:无;
-o-用户选择:无;
用户选择:无;
光标:指针;
边缘底部:5px;
}
.排名{
显示:内联块;
指针事件:无;
背景颜色:黄绿色;
}
兰基坦先生{
显示:内联块;
宽度:15%;
填充顶部:8px;
利润上限:-8px;
垫底:8px;
边缘底部:-8px;
}
兰基特姆先生{
位置:左;
}
兰基特姆先生。起来吧{
内容:“向上”;
}
.RankItem.Dn{
位置:右;
}
.RankItem.Dn:之后{
内容:“Dn”;
}
.排名.换班{
边缘顶部:50px;
边缘底部:-178px!重要;
过渡时间:.3s;
}
.Ranking.ShiftedDn{
边缘顶端:97px;
边缘底部:50px!重要;
过渡时间:.3s;
}
.DemoQuest{/*.RankItem.Up{*/
背景颜色:绿色;
}

请对以下特许经营权进行排名:
塞尔达传说
1.
1.
2.
2.
3.
3.
4.
4.
5.
5.
6.
6.
7.
7.
8.
8.
9
9
10
10
超级马里奥兄弟。
1.
1.
2.
2.
3.
3.
4.
4.
5.
5.
6.
6.
7.
7.
8.
8.
9
9