爲什麼HTML5拖放dragImage在隱藏時不顯示？

Question

設置'dragImage'在HTML5中拖放爲div元素時遇到問題。 問題是當輔助函數 - 第一個參數是setDragImage（helper，x，y）函數沒有在dom中顯示或隱藏時，它在'dragstart'事件被觸發時不可見。 看一看我的小提琴：http://jsfiddle.net/AemN5/10/

在撥弄我的渲染助手（它着色爲黃色），比 試圖拖動綠色拖動箱子，當 拖動開始助手連接到鼠標。不過，嘗試點擊助手上方的按鈕即可隱藏幫助程序 。比再試拖動綠色的拖動框 - 沒有幫手 附加到我的鼠標。

任何想法爲什麼它發生和更重要如何解決這個問題？因爲我的主要目標是具有隱形助手，並且只有當用戶開始拖動時纔會使其可見附加到光標上。

Answer 1

這裏是一個可能的解決方案http://jsfiddle.net/AemN5/12/

Answer 2

試着做這樣的..
Chrome需要圖像，直至拖拽開始被ATLEAST顯示。

$("[draggable]").on("dragstart", function(e) { 
    $("#img1").show(); 

    e.originalEvent.dataTransfer.setDragImage(helper, 50, 50); 

    setTimeout(function(){ 
     $("#img1").hide(); 
    },0); 
});