Làm cách nào để tôi có thể sử dụng các chức năng Draggable và Sortable của jQuery UI để hoạt động trên iPhone?

Question

Tôi có một trang sử dụng giao diện người dùng JQuery; đặc biệt là sự tương tác Sortable.

Trang hoạt động tốt cho trình duyệt web trên máy tính để bàn với chuột, tuy nhiên tôi không thể lấy chức năng kéo thả để hoạt động trên Mobile Safari trên iPhone. Bất kỳ thao tác kéo nào chỉ đơn giản là cuộn trang.

Chức năng trên trang của tôi cực kỳ giống với bản trình diễn Sortable Empty-Lists trên trang web giao diện người dùng JQuery. Trang này cũng không hoạt động trên iPhone.

Có cách nào để các chức năng kéo thả hoạt động trên iPhone không?

Answer 1

Theo tính năng kéo và thả tài liệu trên Mobile Safari không được hỗ trợ, nhưng nó có thể được mô phỏng. Vì về cơ bản kéo ngón tay của bạn dọc theo sẽ di chuyển trình duyệt, bạn sẽ phải vô hiệu hóa điều này. Điều đó có thể được thực hiện như thế này:

$(document).bind('touchmove', function(e) { 
    e.preventDefault(); 
}, false); 

Nếu trường hợp bạn sẽ phải xử lý là touchstart, touchmove và touchend.

Answer 2

Đây là một bản demo của jquery ui 1.9pre: https://dl.dropbox.com/u/3872624/lab/touch/index.html

Các jquery.mouse.ui.js tập tin đang làm việc rất tốt cho tôi.