1

この素晴らしい親指スライダーを使用して http://manos.malihu.gr/jquery-thumbnail-scroller

ただし、タッチ ベースのデバイスのスワイプはサポートされていません。このようなjqueryプラグインにタッチスワイプサポートを追加する簡単な方法はありますか?

4

3 に答える 3

2

jQuery Mobileタッチイベントを試すことができます。

于 2012-04-07T21:54:24.720 に答える
2

jQuery Mobileに乗り換えなくても可能です。私は学校のためのこの小さなプロジェクトでそうしました。

その方法は、タッチ デバイスからのマウス イベントをシミュレートするjQuery UI Touch Punchと呼ばれるこのライブラリを使用することです。あなたがする必要があるのは、次のようなjQuery includeの下にライブラリを含めることです: <script src="jquery.ui.touch-punch.min.js"></script>.

于 2012-04-07T21:58:49.910 に答える
1

jQuery UI Touch Punch を使用してタッチスワイプを追加できます。

Touch Punch の使用は 1、2 と同じくらい簡単です。次の簡単な手順に従うだけです。

  1. ページに jQuery と jQuery UI を含めます。

    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js"></script>

  2. jQuery UI の後、最初に使用する前に Touch Punch を含めます。

jQuery UI のコンポーネントを使用している場合、タッチ パンチはその動作を変更するため、jquery.ui.mouse.js の後にタッチ パンチを含める必要があることに注意してください。

   <script src="jquery.ui.touch-punch.min.js"></script>

デモについては、http://touchpunch.furf.com/にアクセスしてください。

于 2014-02-01T05:20:56.560 に答える