状況:
jquery、jquery mobile、jquery-ui.touch および jquery.ui.touch-punch を搭載した携帯電話。後者は、ドラッグ/ドロップなどのかなりの機能をタッチ スクリーンで使用できるようにします。
1 つのソート可能な div ブロックから別のソート可能な div ブロックに黒丸をドラッグするための 2 つの div ブロック。
画面上では、これらの 2 つのブロックは視覚的に隣り合って動作しますが、最適ではありませんが、他の div ブロックにドラッグすると箇条書きが消えるためです。それにもかかわらず、その後、弾丸が実際にターゲット div ブロックに表示され、元の div ブロックでは消えるため、何とか削除できます。
css オプションの overflow: auto を使用すると、両方のブロックにスクロールを表示して、箇条書きのリストをスクロールできます。
問題:
- これらのスクロールは機能する場合と機能しない場合があります。後者の場合、ページ全体がスクロールを開始するか、(ローカル div スクロールバーをクリックした後に) ページ全体が役に立たなくなるようなレベル/深さまでズームインし始めるためです。
- Firefox Mobile では、div スクロールバーは表示されませんが、スクロールできる場合があります。Opera Mobile div スクロールバーでは表示されますが、div スクロールバーをクリックするとランダムに「深く」ズームインします。
- ページのスクロールやズームインをブロックするためにインターネットで提供されているさまざまなソリューションを試しましたが、役に立ちませんでした。一部の「解決策」では、ページのスクロールがロックされますが、すべてのスクロールがロックされるか、ドラッグもロックされます。
質問:
上記の状況を経験した人はいますか、またはヒントを与えることができますか? JQ/JQM (または他のフレームワーク?) でさえ、現在この段階に達していませんが、彼らはそれに取り組んでいます。jquery.ui.touch-punch はプラグインですが、実験的ではありますが、モバイル/タッチスクリーンでドラッグ/ドロップなどを利用できるようにする唯一の方法です。
事前にどうもありがとうございました!