4

HTML5、CSS3、jQuery、jQuery UI、jQuery Mobile を使用して Web アプリケーションを作成しています。今、私は小さな例を持っています (例: http://jsbin.com/ayoba4/2 )

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.css" />
        <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
        <!-- UPDATE: I USE THIS PLUGIN: http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ -->
        <meta charset=utf-8 />
        <title>Drag Test</title>
    </head>
    <body>
        <div style="width:500px;height:500px;border:1px solid red;">
            <img src="http://upload.wikimedia.org/wikipedia/en/thumb/9/9e/JQuery_logo.svg/200px-JQuery_logo.svg.png" class="draggable" alt="jQuery logo" />
            <img src="http://upload.wikimedia.org/wikipedia/en/a/ab/Apple-logo.png" class="draggable" alt="Apple Inc. logo" />
        </div>
    <script>
        $(document).ready(function() {
            $(".draggable").draggable();
        });
    </script>
    </body>
</html>

したがって、ドラッグ可能な画像が2つあります。これを iPad でテストしたところ、一度に 1 つの画像しかドラッグできませんでした。しかし、iPad は最大 11 本の指をサポートする必要があるのに、なぜそれができないのでしょうか? この問題を解決するにはどうすればよいでしょうか? または、マルチタッチ デバイス (iPhone、iPad、Android 搭載の携帯電話、またはマルチタッチ ディスプレイ) で動作し、何か間違ったこと (設定) を行います -> http://jsbin.com/ayoba4/2 ?

よろしくお願いします。

4

3 に答える 3

2

これを行うことはできますが、jQuery の draggable() を使用せずに行う必要があります。私が行った方法は、ontouchstart と ontouchmove を使用することでした。これらのイベントは、現在のイベントの x、y の配列を提供するため、Safari docsを読んでください。

于 2011-01-07T21:26:00.963 に答える
0

JQuery Mobile はまだアルファ版であるため、その機能が実装されるまで待つのが最善の策です。または、JQuery-Mobile フォーラムにアクセスして、自分で質問することもできます ;)。

于 2011-01-05T16:21:48.443 に答える
0

この記事http://www.crunchgear.com/2009/06/30/be-still-my-heart-multi-touch-tab-switching-in-firefox/を参照して、Firefox でマルチタッチを有効にしてみてください。アプリケーションをデバッグしますか? まず、ブラウザがマルチタッチをサポートしていることを確認する必要があります。次に、それを行うための jQuery プラグインを確認できます。

于 2011-01-04T21:26:48.787 に答える