3

私は Dragula を使用しており、ドラッグしているオブジェクトをカーソルに追従させようとしています。どうすればこれを行うことができますか。

編集:ここのhtmlがどのように見えるかに注目する価値があるかもしれません:

<div>
  <paper-menu id="listL">
     <template id="left" is="dom-repeat" items="{{leftList}}">
       <div>
         <custom-polymer-element></custom-polymer-element>
       </div>
     </template>
  <paper-menu>
<div>

Polymer 内で ready 関数を呼び出して、dragula を初期化します。

Polymer({
  is:"wapper-element",
  ready: function() {
    var drake = dragula([this.$.listL]), {
      revertOnSpill: true,
    });
});

EDIT2：
何かをドラッグしようとしたときに表示される画像は次のとおりです。

ここに画像の説明を入力

左下にあるのは、画像をドラッグしているときに毎回表示されるもので、要素をドラッグする場所に関係なく、そこにとどまります。そこには要素も何もありません。テキストがそこに表示されるだけです。

EDIT3：

解決策:

問題の原因は、dragula.css を正しくインポートしていなかったことです。他の誰かがこの問題に遭遇した場合は、dragula.css を正しくインポートしたことを確認することをお勧めします。

4

1 に答える 1

0

私はあなたがこれを行うことができるとは思わない. シンプルな構成でできる最善の方法は、次を使用することです。

removeOnSpill: true

これにより、ドラッグされている要素がコンテナから離れるときに、コンテナからドラッグされている要素が削除されます。

フィドル: http://jsfiddle.net/AtheistP3ace/e95nqyf9/1/

display: noneミラーはクローンであるため、その要素でドラッグを開始するときの設定などのイベントを使用してそれを偽造できるかどうかさえわかりません。

フィドル: http://jsfiddle.net/AtheistP3ace/e95nqyf9/

基本的に、カーソルの後に続くものは、ある意味で元の要素であり、そのクローンにすぎません。

于 2015-11-19T17:51:16.963 に答える