問題タブ [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 - Android のデフォルト ブラウザでの JQuery UI のドラッグ可能およびタッチ パンチ
Touch Punch ライブラリ ( http://touchpunch.furf.com/ )で JQuery UI を使用して、ドラッグ アンド ドロップ動作を実装しようとしています。デフォルトのAndroidブラウザーを除いて、AndroidおよびiOSのすべてのブラウザーですべて正常に動作します。touchpunch サイトで提供されている最も単純な例では、すべてが機能しますが、ドロップ可能な領域が多数ある場合 (または他の場合)、デフォルトの Android ブラウザーでのドラッグ アンド ドロップは機能しません (またはひどく機能します)。この状況の例を書きました: http://jsfiddle.net/u6cNS/166/
(jsfiddle の html を参照)
解決策や回避策は大歓迎です。
jquery - TouchPunch が並べ替え可能なリストの項目を並べ替えない
Web アプリケーションに JQueryUI Sortable リストがありますが、これはモバイル デバイスで使用すると機能しません。代わりに項目を並べ替えようとすると、ページがスクロールされます。
これに対する解決策は、 TouchPunchを使用することです。これを実装すると、ユーザーはリストからアイテムをドラッグできますが、並べ替えはできません。項目 3 をリストの一番上にドラッグ アンド ドロップすると、項目 1 が置き換えられるのではなく、元の位置に戻ります。
TouchPunch の標準実装を使用しています。
同じデバイスから Web サイトのデモを試してみましたが、完全に動作します。
誰かがこれに遭遇しましたか、私が見逃しているものはありますか?
私は JQueryUI 1.10.4 と JQuery 1.10.2 を使用していますが、デモでは JQuery 1.8 を使用しています。
jquery-ui - Touch Punch と組み合わせて JQuery UI Autocomplete を修正する方法は?
JQuery UI を Touch Punch と組み合わせて使用すると、オートコンプリート入力フィールド (ダイアログ内) での単語の選択が正しく機能しません。オートコンプリート フィールドが HTML ページに直接ある場合は機能するようですが、ダイアログにはありません。マウスによる選択はすべての場合で完全に機能しますが、タッチによる選択 (つまり、モバイル デバイス) は機能しないことに注意してください。
ケース全体を数行の HTML と JavaScript コードに減らしました。JQuery UI Touch Punchを使用して1回、JQuery UI Touch Punch を使用せずに 1 回。
ブラウザーと OS のすべての組み合わせ (iPhone の Chrome、Android モバイルの Chrome、iPad の Safari など) でエラーを再現できます。
誰かが回避策を知っていればいいでしょう。