मैं आईफोन/एंड्रॉइड वेब ऐप पर एक JQuery स्लाइडर जैसी सुविधा कैसे बना सकता हूं?

Question

यदि आपके पास JQuery स्लाइडर है, तो यह काफी काम नहीं करता है (टचस्क्रीन स्लाइडर खींचने के बजाय स्क्रीन को ले जायेगा।)

Answer 1

आपको इसे स्क्रैच से लिखना पड़ सकता है। सौभाग्य से, @ppk ने drag and drop for iPhone का एक उदाहरण कोडित किया है।

Answer 2

touch events के लिए सुनो और स्लाइडर को तदनुसार ले जाएं। ये घटनाएं एंड्रॉइड पर भी काम करती हैं क्योंकि यह वेबकिट का भी उपयोग करती है।

Answer 3

मुझे नमूना कोड ऑनलाइन मिला जो स्पर्श घटनाओं को माउस घटनाओं में परिवर्तित करता है। मैंने jquery-ui के स्लाइडर के साथ इसका परीक्षण किया और यह अच्छी तरह से काम किया!

Link to source

Answer 4

मैं इस प्रयोग किया जाता http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ स्लाइडर को ऊपर तार की। एक आकर्षण की तरह काम करता है, बस उस कोड को प्रतिस्थापित करना सुनिश्चित करें जो विशिष्ट डोम तत्वों के विरुद्ध काम करता है। फिर $ ('# स्लाइडरडिव') जोड़ें। एड टच()। आईफोन पर काम करता है, लेकिन एंड्रॉइड के लिए काम नहीं करता है। quirksmode के अनुसार टच ईवेंट एंड्रॉइड पर काम नहीं करते हैं।

Answer 5

आप jquery + जावास्क्रिप्ट के माध्यम से आईफोन, एंड्रॉइड और विंडोज फोन के लिए ऐसा कर सकते हैं। आईई के साथ विंडोज फोन में एक दोष है, मैं इसे div सेक्शन में स्नैप करने में सक्षम नहीं हूं।

Answer 6

आप इस लाइब्रेरी का उपयोग कर सकते हैं http://touchpunch.furf.com/ यह सभी jquery ui तत्वों के लिए स्पर्श ईवेंट प्रदान करता है।