Facebook như các menu vuốt trong JavaScript mà không cần jQuery Mobile

Question

Tôi đang phát triển một ứng dụng với PhoneGap và jQuery Mobile. Nó thực sự giết chết hiệu suất của ứng dụng. Lý do duy nhất tôi đang sử dụng jQuery Mobile là vì swipe lateral menus.

Có bất kỳ thư viện đơn giản nào triển khai chính xác không? Tôi chỉ tìm thấy những thứ liên quan đến jQuery Mobile.

Cảm ơn trước!

Answer 1

Bạn có thể thử hai dự án này cũng

https://github.com/jakiestfu/Snap.js

http://www.berriart.com/sidr/

Answer 2

Đây là một bài viết hay được viết bằng Javascript. Bạn có thể thử này:

https://github.com/boxbreakout/menujs

Answer 3

Vâng, bạn là đúng, họ đang gây ra nhiều vấn đề hiệu suất cho các ứng dụng chủ yếu,

1.Due đến một thực tế rằng có những hiệu ứng chuyển tiếp hiệu ứng cho bất cứ khi nào chúng tôi swipe một cái gì đó hoặc thay đổi hiện tại Page.Every thiết bị di động không đủ tương thích cho quá trình chuyển đổi. Do đó, để làm cho nó làm việc trơn tru áp dụng chuyển tiếp không có ở khắp mọi nơi trong ứng dụng của bạn.

Áp dụng điều này vào trang index.html của bạn.Trong thẻ head.

<script> 
$(document).on("mobileinit", function() 
    { 
     $.mobile.defaultPageTransition = 'none'; 
    } 
</script> 

hoặc

bạn có thể áp dụng data-transition="none" vào ứng dụng của bạn. Tôi có vấn đề tương tự trong quá khứ.But giải pháp này làm việc cho tôi.

2.Tôi không biết bất kỳ thư viện javascript nào. Nhưng tôi có một giải pháp cho việc này.Đặt một div và làm cho nó ẩn/hiển thị trên các sự kiện mousemove/touchmove hoặc swipeleft/swiperight của jQuery Mobile.Bạn có thể đặt CSS của div thành hiển thị/ẩn mọi nơi trong trang của bạn.

Đây là liên kết cho số sự kiện của jQM. jQM Events

ví dụ:

<div id="xyz"> 
</div> 

<a data-role="button" id="abc" href="#" data-theme="c" >Swiperight</a> 

trong JavaScript

$('#abc').on('swipeleft',function() 
{ 
    var div = $('#xyz'); 
    div.show(); 
} 

Hope tôi đã trả lời câu hỏi của bạn theo yêu cầu của bạn.