問題タブ [jquery-ui-touch-punch]

私の水平スクロール Web サイトには、スワイプを処理する次の関数があります。

マウス ダウンからマウス アップまでの距離と時間がしきい値内にある場合、それはスワイプです。スワイプすると、ウェブサイトが 1 画面幅分スクロールします。これは、マウスで行うとうまく機能します。

タッチ イベントをマウス イベントとして扱うために jquery.touch-punch を含めました。しかし、私が PC に接続したタッチ モニターでは、タッチはブラウザー (クロム) によって非常に異なる方法で処理されます。左右にスワイプすると、ブラウザの履歴を前後に移動します。Web サイトでマウスのアップ/ダウン イベントが発生しません。

タッチパンチの使い方間違ってませんか？それとも、オフにできるブラウザーの動作ですか? それともWindows 7のものですか？

ドラッグ アンド ドロップ機能を電話で動作させようとしています。だから私はjqueryタッチパンチを使用しようとしていますが、電話でドラッグアンドドロップを有効にしていないようです.

これが私のコードです。jquery.ui.touch-punch.min.js を /app/assets/javascripts/ フォルダーに配置します。

こんにちは、このコードを携帯電話でドラッグできるようにする方法を見つけようとしていますが、タッチ パンチ ライブラリを含めましたが、携帯電話で何かをドラッグしようとすると機能しません。これは私がドラッグしようとしているコードです

https://jsfiddle.net/elchininet/2u5xtkv2/

私のライブラリは

助けてくれてありがとう

Web アプリケーションに JQueryUI Sortable リストがありますが、これはモバイル デバイスで使用すると機能しません。代わりに項目を並べ替えようとすると、ページがスクロールされます。

これに対する解決策は、 TouchPunchを使用することです。これを実装すると、ユーザーはリストからアイテムをドラッグできますが、並べ替えはできません。項目 3 をリストの一番上にドラッグ アンド ドロップすると、項目 1 が置き換えられるのではなく、元の位置に戻ります。

TouchPunch の標準実装を使用しています。

同じデバイスから Web サイトのデモを試してみましたが、完全に動作します。

誰かがこれに遭遇しましたか、私が見逃しているものはありますか?

私は JQueryUI 1.10.4 と JQuery 1.10.2 を使用していますが、デモでは JQuery 1.8 を使用しています。

サイトにタッチ パンチ プラグインを実装しましたが、署名機能にタッチ機能を利用できません。Edgeで使用すると、タッチ機能が停止する前におそらく1秒間機能します。また、通常の Internet Explorer では問題なく動作しますが、Chrome と Firefox ではタッチ パンチがまったく機能しません。

署名コード:

すでに更新イベントがあるため、これは奇妙に思えます。しかし、私はtouch-punchライブラリを使用して jQuery UI 関数をタッチ デバイスで動作させています。ただし、たとえば Nexus 7 の Chrome ブラウザでは update イベントは発生しません。sortupdateそのため、イベントからイベントをトリガーして修正しようとしていますsortover。

問題は、ドラッグされた要素の下にある要素のインデックスを取得する方法がわからないことです。ui.itemドラッグされた要素のインデックスのみを返します。このためのjQuery UI組み込み関数はありますか? ドラッグされた要素がmousecursor. カーソル位置で要素のインデックスを取得するのも非常に難しいようです...

ここにフィドルがあります： https://jsfiddle.net/8sjLw6kL/2/

コード: HTML:

JS:

CSS: