Sử dụng các sự kiện chạm với Twitter Bootstrap

Question

Tôi đang sử dụng twitter-bootstrap để phát triển một ứng dụng web có thể hiển thị trên nhiều thiết bị.

Bây giờ tôi muốn xử lý sự kiện 'nhấn'. Vì vậy, câu hỏi của tôi ở đây là:

1. Tôi có thể xử lý sự kiện 'nhấn' bằng jquery 1.7.2 mà không cần sử dụng jqueryĐiện thoại di động?
2. Nếu câu trả lời cho câu hỏi trên là không, thì làm cách nào để tích hợp jqueryMobile với twitter-bootstrap. Nguyên nhân tôi đã thử bao gồm js jQueryMobile trong trang twitter-bootstrap của mình và khi tôi sử dụng nó, ngắt trang !!

Answer 1

Cuối cùng tôi đã nhấn vào số Touchable-jQuery-Plugin để xử lý các liên lạc và các sự kiện chuột tương ứng của chúng.

Answer 2

Sự kiện nhấn là sự kiện jQuery Mobile và không phải là sự kiện HTML5 thực tế có đặc điểm kỹ thuật. HTML5 specifies touch events, là supported on Android and iOS và Twitter Bootstrap đã sử dụng những sự kiện đó trong một số plugin của nó.

Tuy nhiên, đi theo ý nghĩa thông thường về sự kiện nhấn có thể là một sự kiện có thể dễ dàng kích hoạt chúng dựa trên chuỗi sự kiện chạm. Dưới đây là một thử:

// listen for a touchstart event 
$('body').on('touchstart.tap',function (e) { 

    // listen for a touchend event 
    $(e.target).one('touchend.tap',function() { 
    $(e.target).trigger('tap'); 
    }); 

    // cancel it in 150ms 
    setTimeout(function() { 
    $(e.target).off('touchend.tap'); 
    },150); 
}); 

này sẽ kích hoạt một sự kiệntap nếu một touchend sau một touchstart trong vòng 150ms (mà bạn có thể điều chỉnh, tất nhiên). Bạn có thể thử sử dụng tùy chọn này thay vì bao gồm jQuery mobile nếu một sự kiện nhấn là tất cả những gì bạn đang theo dõi.