問題タブ [jquery-ui-touch-punch]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - jquery タッチ パンチ z インデックスは影響しません
私はiPadのドラッグアンドドロップに取り組んでおり、他のすべてのdivでドラッグ可能な要素を表示しようとしましたが、親divでのみ機能します。私のコードは次のとおりです:
HTMLコードは次のようになります。
要素をドラッグすると、通常は最初の td に表示されますが、ドラッグしようとすると<div id="dropDiv"></div>
、「dropDiv」の下に入ります。
これらの div と tds には、ここでは表示できない複数の css クラスがあります。
すでに複数の z インデックスを試しましたが、影響はありませんでした。
javascript - モバイルデバイスのjQuery Touchでは、divをランダムな順序で選択します
div
モバイルデバイスで、特定のwrtを選択したいtouch
。ユーザーがタッチするfirst div
とtouchmove
、3rd div
これらの両方のdivを選択する必要があります。万力のように、順序はランダムにすることができます 1 3 2 4, 1 2 3 4
添付の画像で理解が深まります
1 3 2 選択
1 2 3 選択
私もjsfiddle
今までやってきたことと同じように作成しました。jsfiddleで確認できます。jquery mobile を使用touch
してtouchmove
イベントも使用しようとしていますが、要件どおりに機能していません。
これで私を助けてください、ありがとう
javascript - Touch Punch JQuery UI は何を提供しますか?
この JSFiddleで使用するように、JQuery UI Touch Punch を使用しています。何が含まれているかを把握するために多くの場所を検索しましたがevent
、ui
それについて何かを見つけることができませんでした.
不足しているドキュメントはありますか? event
または、Touch Punch が提供するものと、およびui
パラメータに含まれるものを誰か説明してもらえますか?
jquery-ui - タッチパンチ - クリックをタッチに変換
最近、タッチ イベントをマウス クリックに変換する素晴らしいプラグインを使い始めました。しかし、今日、私は1つの問題に出くわしました
アラートを発生させるには、(モバイル デバイスでは) 2 回タッチする必要がありますが、コンピューターではマウスを 1 回クリックするだけで済みます。何が問題になる可能性がありますか? ありがとうございました。
javascript - 未定義のプロパティ「setData」を読み取れません - jQuery UI Touch Punch
jQuery UIを介して呼び出すたびに、その理由が不明setData
であり、未定義です。getData
私がやっている
そしてドラッグ()で:
はoriginalEvent
、このソリューションを参照しています。
しかし、私はまだ同じ結果を受け取っています。
Cannot read property 'setData' of undefined
私もタイプスクリプトを使用しています(これがどれほどの違いをもたらすかはわかりません)。
javascript - jquery UI sortable で onclick イベントを防止する TouchPunch (モバイルのみ)
モバイルとの互換性のために TouchPunch で Jquery UI を使用していますが、モバイルでのみ順序付けされていないリスト項目内の div の onclick イベントを妨げているようです。これが私が試したものです:
- 10 ピクセルのデッド ゾーンが存在するように距離を設定しましたが、うまくいきませんでした。
- onclick イベントを含む div を jquery ui でキャンセルするように設定すると、li の移動には機能しません。
ここでいくつかの異なるスレッドで提案された touchpuch のsimulateMouseEvent を編集します。それもうまくいきませんでした。
1 つの奇妙な動作に気付きました。オン クリック イベントで div の一番下をタップすると、トリガーされるようです。Chrome を使用してリモート デバイス経由で携帯電話に接続し、生成されたソース コードを確認しましたが、div のサイズは正常でした。モバイルフレンドリーではありませんが、jsfiddleで問題を再現できました(Galaxy S6を使用しています)。
どんな助けでも大歓迎です。