無法讀取未定義的屬性“ setData”-jQuery UI Touch Punch

Question

我不確定為什么每次通過jQuery UI調用setData和getData都未定義。

我在做

$(`#selector`).draggable({
            start: function(event: any) {
                drag(event);
            },
            stop: function(event: any) {
                console.log('stopped');
            }
        });

並在drag（）中：

drag(event: any) {
    event.originalEvent.dataTransfer.setData("text, application/x-moz-node", event.target.id);
}

該originalEvent是參照該解決方案在這里

但是，我仍然收到相同的結果。

Cannot read property 'setData' of undefined

我也使用打字稿（不確定這樣做有多大的區別）。

Answer 1

這是jQuery的問題，您可以通過在頁面加載時或使用dataTransfer之前添加以下代碼來解決此問題

jQuery.event.props.push('dataTransfer');

例：

jQuery.event.props.push('dataTransfer');
 event.dataTransfer.setData("Text", event.target.id);

Answer 2

這是因為有jQuery包裝器。我們必須將'dataTransfer'添加到Event對象。

注意 ： $.event.props已在jQuery 3.0中刪除，因此您將需要使用$.event.addProp 。

例：

$(document).ready(function(){

    $.event.addProp('dataTransfer');

});