Возможность перетаскивания более одного элемента на веб-странице с помощью jQuery - PullRequest
Новая
       2

Возможность перетаскивания более одного элемента на веб-странице с помощью jQuery

4 голосов
/ 19 декабря 2010

Я создаю веб-приложение с HTML5, CSS3 и jQuery, пользовательским интерфейсом jQuery и jQuery Mobile.Теперь у меня есть небольшой пример (пример: 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>

Итак, у меня есть два изображения, которые нужно перетаскивать. Теперь я проверяю это на своем iPad, и только одно изображение одновременно перетаскивается. Но iPadдолжен поддерживать до 11 пальцев, так почему это невозможно и что я могу сделать, чтобы решить эту проблему? Или он работает с вашими мультитач-устройствами (iPhone, iPad, мобильные телефоны с Android или мультитач-дисплей), и я что-то делаюнеправильно (настройки) -> http://jsbin.com/ayoba4/2?

Заранее благодарим и с наилучшими пожеланиями.

Ответы [ 3 ]

2 голосов
/ 08 января 2011

Вы можете сделать это, но вам придется делать это без использования draggable () в jQuery.Я сделал это, используя ontouchstart и ontouchmove, так как эти события дают вам массив x, y текущего события, прочитанного в Safari docs .

0 голосов
/ 05 января 2011

JQuery Mobile по-прежнему работает в Alpha, поэтому лучше всего подождать, пока они реализуют эту функциональность. Или вы можете зайти на форум JQuery-Mobile и спросить их сами;).

0 голосов
/ 05 января 2011

Прочтите эту статью http://www.crunchgear.com/2009/06/30/be-still-my-heart-multi-touch-tab-switching-in-firefox/ и попробуйте активировать мультитач в Firefox, тогда вы сможете отладить ваше приложение?Сначала вы должны быть уверены, что ваш браузер поддерживает мультитач, а затем посмотрите на плагины jQuery для этого.

...