मैं एक वेबपैप बनाना चाहता हूं (आईफोन, एंड्रॉइड, बीबी, आदि के लिए व्यक्तिगत रूप से प्रोग्राम से बचने के लिए) और एक स्वाइप प्रभाव की तलाश में हूं। क्या कोई HTML5 या वेबकिट कोड बस "अगले/पिछले पृष्ठ पर स्वाइप" कह रहा है? (मुझे पता है कि यह उससे अधिक विस्तार कोड होगा, लेकिन यह मेरी इच्छा का सारांश है)वेबपैस के लिए वेबपृष्ठों के बीच स्वाइप करें
7
A
उत्तर
6
आप वेब ब्राउज़र में पूरे पृष्ठ पर स्वाइप करने के लिए div का उपयोग नहीं कर सकते हैं, लेकिन आप केवल पेजों को लोड कर सकते हैं स्वाइप के बाद div को प्रभावित करें और पूरे पृष्ठ को स्वयं नहीं ले जाएं।
केवल क्रोम, सफारी में काम करता है।
यदि आप jquery मोबाइल का उपयोग कर रहे हैं तो यह एक कोड है।
$('body').live('swipeleft swiperight',function(event){
if (event.type == "swiperight") {
alert("swipped right side");
}
if (event.type == "swipeleft") {
alert("swipped left side");
}
event.preventDefault();
});
यहाँ और अधिक उल्लेख swipe detection
3
@sree मुझे रास्ते से सबसे वहाँ गया, लेकिन यहाँ कोड मैं समाप्त हो गया
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery Mobile: Demos and Documentation</title>
<link rel="stylesheet" href="css/themes/default/jquery.mobile-1.1.0.css" />
<link rel="stylesheet" href="docs/_assets/css/jqm-docs.css" />
<script src="js/jquery.js"></script>
<script src="docs/_assets/js/jqm-docs.js"></script>
<script src="js/jquery.mobile-1.1.0.js"></script>
</head>
<body>
<p>random page to test on</p>
<p>Swipe1 </p>
<script type="text/javascript">
$('body').live('swipeleft swiperight',function(event){
if (event.type == "swiperight") {
jQuery.mobile.changePage("page2.html",{transition:'slide'});
}
if (event.type == "swipeleft") {
jQuery.mobile.changePage("page1.html",{transition:'slide'});
}
event.preventDefault();
});
</script>
</body>
</html>
का उपयोग कर है ... और मैं jquery mobile kit डाउनलोड किया है और रखा उसी फ़ाइल संरचना के साथ सीएसएस/जेएस फाइलें
0
मैंने इसके लिए https://github.com/caktux/swipy बनाया। मैं अन्य देवताओं से फीडबैक प्राप्त करना चाहता हूं और यदि रुचि है तो शायद इसे "वेबएप के रूप में उत्तरदायी वेबसाइटों" के लिए प्लग-इन करें।
संबंधित मुद्दे
- 1. एंड्रॉइड गतिविधियों के बीच स्वाइप करें ViewPager
- 2. आईओएस: टैब के बीच बाएं/दाएं स्वाइप करें?
- 3. दो वेबपैस
- 4. स्वाइप पता लगाने के लिए
- 5. टैब चयन स्विच करने के लिए स्वाइप करें
- 6. Google नाओ को स्वाइप करना स्वाइप करें
- 7. जावास्क्रिप्ट में माउस के साथ स्वाइप करें
- 8. स्पर्श अनुप्रयोगों के लिए स्वाइप व्यवहार
- 9. आईफोन मोबाइल वेबपैस के लिए कौन सा टूलकिट?
- 10. UITableViewCell में हटाने के लिए स्वाइप करें सफेद पृष्ठभूमि है,
- 11. टैब सभी एपीआई स्तरों के लिए एंड्रॉइड में स्वाइप करें
- 12. हटाने के लिए स्वाइप tableview पंक्ति
- 13. आईओएस में पैन और स्वाइप के बीच क्या अंतर है?
- 14. 3 अंगुली स्वाइप ग के बीच बदल सकते हैं और
- 15. अक्सर अद्यतन वेबपृष्ठों को क्रॉल/इंडेक्स करने के लिए रणनीति?
- 16. वेबपृष्ठों में चार्ट
- 17. स्टोरीबोर्ड का उपयोग कर विभिन्न स्क्रीन (दृश्य) के बीच स्वाइप करें
- 18. स्वाइप अप, स्वाइप नीचे, बाएं स्वाइप और दाईं ओर स्वाइप जेस्चर संभाल एक WinRT एप्लिकेशन
- 19. क्षैतिज स्क्रॉल - मोबाइल - स्वाइप करें?
- 20. आईओएस सिम्युलेटर: स्वाइप अनुकरण करें और
- 21. आईओएस पर एंड्रॉइड के व्यूपेजर के बराबर? डेटा के पृष्ठों के माध्यम से स्वाइप करें/फ्लिप करें
- 22. UITableView हटाने के लिए स्वाइप करें: बटन और कार्रवाई को कस्टमाइज़ कैसे करें?
- 23. सूचीदृश्य की प्रत्येक पंक्ति के लिए स्वाइप पहचान
- 24. _PageStart.cshtml बनाम _AppStart.cshtml एएसपी.NET वेबपृष्ठों में
- 25. स्वाइप Coco2d
- 26. वेबपृष्ठों का मास डाउनलोडिंग सी #
- 27. एएसपी.NET वेबपृष्ठों के बिना नाम, जैसे स्टैक ओवरफ्लो?
- 28. फोर्स div किसी भी और सभी वेबपृष्ठों के शीर्ष तत्व होने के लिए
- 29. Google Chrome प्लगइन को वेबपृष्ठों के रूप में फ़ाइलों तक पहुंचने के लिए कैसे अनुमति दें
- 30. wp7 क्षैतिज स्वाइप चयन
धन्यवाद @ श्री, यह आशाजनक लग रहा है, लेकिन क्या एक अलग HTML पृष्ठ पर div लिंक बनाने का कोई तरीका है? मैं वास्तव में एक HTML पृष्ठ में सभी सामग्री नहीं चाहता हूं, और पृष्ठों से स्वाइप करना पसंद करता हूं। तो मूल रूप से
आप एक div के भीतर पृष्ठों को स्वाइप करने पर लोड कर सकते हैं, प्रभाव अभी भी स्वाइप फीचर की तरह ही होगा, चेतावनी के बजाय इस कोड को $ ('# परिणाम') लिखें। लोड ('page1.html'); – sree
बिल्ली के बच्चे आपको प्यार करना चाहिए ... – DGund