2011-10-17 12 views
6

यहां मेरी कहानी:JQuery मोबाइल पेजलाइड, नया फेसबुक मेनू

मुझे स्क्रीन के बाईं ओर नए फेसबुक मेनू की तरह कुछ चाहिए। यह वास्तव में अच्छा है और मैं इसे अपने वेबपैप में जोड़ने की उम्मीद करता हूं, लेकिन समस्या यह है कि, मैं वास्तव में सीएसएस में अच्छा नहीं हूं और सीएसएस 3 में भी बदतर हूं।

https://github.com/perezd/jquery-pageslide

यह ठीक है मैं क्या चाहते हैं, यह एकदम सही है:

कुछ ही घंटों के खोज के बाद मैं इस लिंक में पता चला। लेकिन यह मोबाइल के लिए काम नहीं करता है (अभी तक नहीं)। जब लिंक दबाया जाता है, तो दृश्य में स्लाइडिंग के बजाय, यह एक नया नया पृष्ठ खोलता है।

कोई विचार यह काम कैसे प्राप्त करें?

+0

आपने क्या प्रयास किया है? उदाहरण कोड भी अच्छा होगा, कृपया अपने प्रश्न को संपादित करें और/या http://www.jsfiddle.net का उपयोग करके एक लिंक जोड़ें ताकि आप यह समझ सकें कि आप –

+0

प्रक्रिया में फंस गए हैं, ठीक है, क्षमा करें, मैं कल ऐसा करूँगा। मैंने अपनी पोस्ट में जिथब लिंक से कोड का उपयोग किया था। मैंने मोबाइल jqeury फ़ाइलों (सीएसएस और जेएस) का उल्लेख किया और पेजलाइड को एक बटन से बांध दिया। जब मैं इसे दबाता हूं, तो यह एक नया नया पृष्ठ खोलता है। जबकि मैं इस टिप्पणी को लिख रहा हूं, मैं सोच रहा हूं, शायद ऐसा इसलिए है क्योंकि jquery मोबाइल div "data-role =" पृष्ठ "में स्वचालित रूप से जोड़ता है? अच्छा यह सिर्फ एक विचार है, लेकिन मैं इसे कल देखूंगा :) मुझे आशा है कि मैंने आपको दिया एक उत्तर;) अगर pls नहीं बताते हैं। –

उत्तर

15

मैं भी इस नई फेसबुक शैली मेनू और this is what I came up with लागू करने के लिए करना चाहता था। आशा करता हूँ की ये काम करेगा। मुझे यकीन है कि यह बेहतर किया जा सकता है लेकिन यह मेरा प्रयास था।

यह विंडोज फोन, iOS और Android डिवाइस पर काम कर रहा है:

+0

धन्यवाद, इसकी शानदार प्लगइन! – uday

1

पूरी तरह से काम नहीं कर लेकिन सही दिशा में ले जाना चाहिए:

स्लाइड पृष्ठों पाठ लेकिन स्लाइड लोड नहीं संक्रमण कार्य, आपको भी निकट संक्रमण को ट्विक करना पड़ सकता है।

आशा इस मदद

+0

आपकी टिप्पणी के लिए बहुत बहुत धन्यवाद। मैं आपकी मदद की सराहना करता हूं! –

3

यह विषय पुराना है लेकिन यहां मोबाइल उपकरणों के लिए एक काम कर समाधान है।

मैंने जितना संभव हो सके कोड को रखने की कोशिश की है, इसे समझना और संशोधित करना आसान है।

http://apptitudes.github.com/SlidingMenuJS/

फ़ाइल menu_nav.js यह 100 लाइनों की तुलना में कम है की जाँच करें।

संबंधित मुद्दे