interact.js

0熱

1答えて

マイページがありクリック： 1）マップ（Leaflet.js）と 2を含む親のdiv）の子のdivサイズ変更可能な四角形（Interactive.js）が含まれているため、ユーザーは領域を選択できます。矩形「層」は、マップ「層」の上にあります。 HTML：（リーフレットマップを初期化するための） <div id="map"> <div class="selectBox"> <

1熱

1答えて

interact.jsのドラッグがChromeのモバイルエミュレータで動作しない

私はinteract.jsを使用してスロー可能な要素を作成しています。私は簡単な例を実行しようとしていますが、Webモードで正常に動作しますが、モバイルデバイスをエミュレートするとドラッグが正しく動作しません（要素はほとんど動きません）。ここではビンです：https://jsbin.com/gabagojuji/1/edit?output だけでウェブやモバイルモードでそれを実行し、違いを参照

0熱

1答えて

Interact JS draggable not working

Webプロジェクトでdraggable/droppable機能を使用するためにinteract.jsを使用しようとしています。しかし、私が考えることができる最も簡単な例を使用すると、私は何かをするために引っ張ることができないようです。私はconsole.logを取得しても、ターゲットはまったく動かないのです。 https://codepen.io/vickera/pen/KvRMMg

1熱

1答えて

ドロップゾーン内のドロップされた要素の位置を取得する方法を教えてください。

私はこれを正しく表現しているかどうかはわかりません。要素がドロップゾーンにドロップされるとき、要素のx/y位置を、それが入っているドロップゾーンに関連させて知る必要があります。いずれかの洞察が非常に認められます。ありがとう！

0熱

1答えて

Interactjs rotationは位置を移動します

interactjsを使用してイメージを回転、サイズ変更、ドラッグしようとしています。ピンチを使用してサイズを変更しています。画像を回転させた後、ドラッグ機能はうまく動作せず、画像を間違った座標に配置します。（幅/ 2、高さ/ 2）で位置を保持するように回転する前にimgを移動しようとしましたが、これによってサイズ変更と回転機能が停止しました。ここに私が使用しているコードがあります。ズーム

0熱

1答えて

クローンオブジェクトの隣にポップアップメッセージが表示されない

ドラッグ可能なオブジェクトが3つあるパネルと背景イメージがあるパネルがあります。私のJavaScriptスクリプト（interact.jsに基づいて）は、背景画像の上にオブジェクトをドラッグアンドドロップすることができます。すべてのドラッグ可能なオブジェクトもクローン可能です。つまり、元のオブジェクトをパネルからドラッグするたびに、そのオブジェクトが複製されます。ここで、ポップアップ機能を追加し

3熱

1答えて

css：hoverでドラッグトランスフォームを行った後のInteract.jsがもう機能しません

私はInteract.jsを検出しましたが、それを有効にできましたが、ドラッグ（慣性を有効にした状態）もう動作しません。カーソル：ポインタはまだ動作します。解決策を考えることができる人は誰ですか？ CSS： .bubble:hover { transform: scale(1.1); cursor: pointer; } JS：ここ interact('.bubble

1熱

1答えて

ドラッグ可能なクローン可能なDIV要素を削除するためのボタン

左クリックしてクローン可能なドラッグ可能なオブジェクト（赤い円）を選択し、ボタンDelete selected circleをクリックして削除できるようにします。 INSIDE .dropzoneにあるオブジェクトだけを削除できるようにします。 Here is my JSFIDDLE。 .dropzoneは灰色のdivで、ドラッグ可能なオブジェクトは赤い円です。これは、オブジェクトを削除するため

1熱

1答えて

ベースコンテナの外にドラッグするとドラッグが消えます

イタリアの学習用ウェブサイトを作っていますが、消えていくので、コンテナからフラッシュカードをドラッグするのが難しいです。このウェブサイトはgithub pagesに表示され、コードはgithubに表示されます。誰でも何をすべきか？ interact('.flash-card').draggable({ restrict: { restriction: '#main',