Javascript HTML5拖放：SetDragage不工作

我不熟悉前端编程和HTML5拖放实验。要拖动的对象是一个bootstrap

div.panel

，它的工作非常好。但是，在拖动对象时，我想使用

SetDragImage

函数显示自定义图像。正如中所述，我使用了此函数，但它仍然不起作用-拖动对象时会显示默认的空白矩形

下面是拖放事件的JavaScript，下面是

功能阻力（ev）{
//var style=window.getComputedStyle（ev.target，null）；
var ss=（parseInt（$（ev.target.position（）.left，10）-ev.clientX）+'，+（parseInt（$（ev.target.position（）.top，10）-ev.clientY）；
ev.dataTransfer.setData（“文本/普通”，ss）；
ev.dataTransfer.setDragImage（document.getElementById（“draggit”），0,0；
log（“拖动：目标“，$（ev.target.position（）.left+”，“++$（ev.target.position（）.top））；
console.log（“拖动：偏移量”，ss）；
}
功能下降（ev）{
//log（“drop:+$（ev.target.position（）.left+”，“+$（ev.target.position（）.top”）；
//日志（“删除：“+ev.clientX+”，“+ev.clientY”）；
var offset=ev.dataTransfer.getData（“文本/普通”）；
var npos=偏移量。拆分（“，”）；
日志（“drop_clientpos:“+ev.clientX+”，“+ev.clientY”）；
log（“drop_newpos:”+（ev.clientX+parseInt（npos[0]））+”，“+（ev.clientY+parseInt（npos[1]））；
document.getElementById（“dragme”）.style.left=（ev.clientX+parseInt（npos[0]））+“px”；
document.getElementById（“dragme”）.style.top=（ev.clientY+parseInt（npos[1]））+“px”；
ev.preventDefault（）；
返回false；
}
功能牵引器（ev）{
ev.preventDefault（）；
返回false；
}

你应该将javascript添加到你的标签中，你会更快地得到更好的答案。谢谢，

javascript

刚刚跳过了我的思路。我现在已经添加了。双重问题：您应该将javascript添加到您的标记中，您会更快地得到更好的答案。谢谢，

javascript

刚刚跳过了我的想法。我现在已经添加了。双重问题：您应该将javascript添加到您的标记中，您会更快地得到更好的答案。谢谢，

javascript

刚刚跳过了我的想法。我现在已经添加了。请重复问题：

<script type="text/javascript">
function drag(ev){
    //var style = window.getComputedStyle(ev.target, null);
    var ss  = (parseInt($(ev.target).position().left,10) - ev.clientX) + ',' + (parseInt($(ev.target).position().top,10) - ev.clientY);
    ev.dataTransfer.setData("text/plain", ss);

    ev.dataTransfer.setDragImage(document.getElementById("draggit"), 0, 0);
    console.log("drag:target", $(ev.target).position().left + "," + $(ev.target).position().top);
    console.log("drag:offset", ss);
}

function drop(ev) {
    //console.log("drop:" +  $(ev.target).position().left + ","  + $(ev.target).position().top);
    //console.log("drop:" +  ev.clientX + ","  + ev.clientY);
    var offset = ev.dataTransfer.getData("text/plain");
    var npos = offset.split(",");
    console.log("drop_clientpos:" +  ev.clientX + "," + ev.clientY);
    console.log("drop_newpos:" +  (ev.clientX + parseInt(npos[0])) + "," + (ev.clientY + parseInt(npos[1])));
    document.getElementById("dragme").style.left = (ev.clientX + parseInt(npos[0])) + "px";
    document.getElementById("dragme").style.top = (ev.clientY + parseInt(npos[1])) + "px";

    ev.preventDefault();
    return false;
}

function dragOver(ev) {

    ev.preventDefault();
    return false;
}
</script>