Làm cách nào để sử dụng các sự kiện chạm mà không cần nhập toàn bộ khung JavaScript do điện thoại di động điều khiển?

Question

Tôi đang làm việc trên thiết kế đáp ứng mà tôi muốn sử dụng hai sự kiện chạm cụ thể, tap và swipe. Có thể nhập một lát jQuery Mobile đơn lẻ (ví dụ: jquery.mobile.events.js) hoặc một phần của bất kỳ khung JavaScript nào khác do điện thoại di động điều khiển, mà không cần nhập toàn bộ tập hợp tài sản không? Tôi hiện đang sử dụng jQuery, chỉ để bạn biết.

Answer 1

Tôi vừa tìm ra giải pháp cho vấn đề của mình: TouchSwipe, một plugin jQuery dành cho các thiết bị cảm ứng xử lý các sự kiện vuốt. Giống như một ông chủ!

Answer 2

Bạn cũng có thể chỉ cần tải các module Events.Touch từ jQuery Mobile sử dụng builder tải của họ http://jquerymobile.com/download-builder/

Chỉ cần đánh dấu vào tùy chọn 'Touch', thêm các tập tin Javascript để dự án của bạn, do đó bạn có thể bắt đầu nghe các sự kiện như:

• touchstart
• touchmove
• touchend
• tap
• taphold
• swipe
• swipeleft
• swiperight
• scrollstart
• scrollstop

ps: Bạn phải sử dụng thư viện jQuery như jQuery chạy di động trên đầu trang của nó .

Answer 3

Bạn có thể sử dụng plugin TouchSwipe Jquery, đây là plugin đơn giản nhất từ ​​trước đến nay khi Jquery thực hiện.

https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

$(function() { 
    $(".carousel-inner").swipe({ 
    allowPageScroll:"auto", 
    swipe:function(event, direction, distance, duration, fingerCount, fingerData) { 
     if(direction == 'left'){ 
     $(this).parent().carousel('prev'); 
     } 
     else if(direction == 'right') { 
     $(this).parent().carousel('next'); 
     } 
    } 
    }); 
});