0

画像をドラッグするときにカーソルのドラッグ画像を設定しようとしていますが、ドラッグを開始すると画像が表示されません。何か問題がありますか?

 var dragIcon = document.createElement("img");
 var src = this.$el.find("img").attr("src");
 dragIcon.src = src.replace("http://domain.dev", "");
 dragIcon.width = 100;
 console.log(dragIcon);
 e.originalEvent.dataTransfer.setDragImage(dragIcon, -10, -10);

this.$elこのように見えます、

<div class="person-card column" draggable="true" id="95">
        <img class="person-card-image" src="/profile_pictures/default.png">
        <div class="card-header-title single">
            <a href="/people/person/95">John Doe</a>
        </div>
        <div class="person-card-subtitle">

                Linked

        </div>
        <!--<div class="person-card-invite is-sent">
            <a href="#">Invite</a>
        </div>-->
    </div>

これが機能しない理由はわかりません。しかし、私は新しいimgが作成されているとは思わないdomを見て気づきました。

4

2 に答える 2

1

調べたところから。ドキュメントに画像を追加する必要があります。Firefox では、位置を安全に設定できます: 絶対、次に上: -9999px。ただし、Chrome では、ページにも画像が表示されます。秘訣は、絶対的な別の位置にそれを隠すことです。

Chrome にはもっと良い方法があるかもしれませんが、私はまだより良い解決策を見つけようとしています。

于 2013-12-13T23:40:42.250 に答える