2010-07-19 44 views
12

Tôi cần triển khai kéo và thả cho Ipad.kéo và thả ipad

tôi đã cố gắng giải pháp này: http://www.gotproject.com/blog/post2.html

Nhưng kể từ khi tôi đang sử dụng JQuery bản thân mình, nó xung đột và không hoạt động.

Làm cách nào để sử dụng tính năng kéo và thả JQuery cho IPad?

Trả lời

5

Nếu bạn không sử dụng giao diện người dùng jQuery, hãy sử dụng ngã ba tôi đã tạo https://github.com/mikeangstadt/jquery-ui-touch-punch.git để kết nối bộ xử lý cảm ứng bằng jQuery bằng cách kích hoạt các sự kiện chuột đã được xác định.

Hoạt động tốt trên iOS6, chưa được thử nghiệm cho Android hoặc các thiết bị khác.

18

làm việc:

Thứ nhất, sử dụng jquery UI http://jqueryui.com/demos/ cho kéo và thả chức năng

và sau đó thêm kịch bản này https://github.com/furf/jquery-ui-touch-punch để chơi nó trong Ipad hay Iphone.

Hy vọng điều đó sẽ hữu ích.

+1

cảm ơn, chính xác những gì tôi cần. – cgTag

+0

tiếc là điều này đã tắt chức năng cuộn nếu bạn có nhiều yếu tố có thể kéo ... – tmaximini

2

Xác nhận rằng tính năng jquery-ui-touch-punch của furf hoạt động trên iPad.

Làm cho nó hoạt động dễ dàng như bao gồm "jquery.ui.touch-punch.js" sau khi bạn đã bao gồm jquery-ui và jquery. Ví dụ:

HTML:

<head> 
    <script type="text/javascript" src="js/jquery.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script> 

    <!-- touch capability for tablets/phones --> 
    <script type="text/javascript" src="js/jquery.ui.touch-punch.js"></script> 
</head> 

Javascript:

// 
// assume that html_string is a valid string 
// containing some element you want to be draggable 
// which needs to be added to the DOM 
// 
function addItemToUIList (list, html_string) { 
    var item = $(list).append (html_string); 

    // now, using jqui and touch-punch, we can make it draggable 
    item.draggable(); 
} 

Now "mặt hàng" có thể được kéo xung quanh trên màn hình trên ipad cũng như trong chrome trên desktop.

0

Tôi đã làm việc trên một sửa chữa cho vấn đề này kiểm tra github của tôi: https://github.com/youryss/fixdragtablet

Tôi hy vọng nó làm việc cho bạn

+1

Vui lòng bao gồm mã trong câu trả lời của bạn. Chúng tôi lười biếng và không thích nhấp vào liên kết. – mhlester

+0

Tôi không thể đăng toàn bộ mã cus nó là một kết hợp của các giải pháp:/nhưng hãy xem tôi nghĩ rằng nó sẽ làm việc cho bạn :), tôi ở đây để câu hỏi – Youry