2013-04-03 8 views
5

के साथ डिफ़ॉल्ट आईओएस वेबपृष्ठ ड्रैग को रोकना मैं एक साधारण वेब ऐप बना रहा हूं जो पिंच ज़ूमिंग के लिए हैमरजेएस के नए संस्करण का उपयोग करता है। एक चुटकी शुरू होने पर मुझे डिफ़ॉल्ट आईओएस पेज ड्रैग के साथ कोई समस्या है। यह चुप घटना को ओवरराइड करने के लिए है जिसे मैं कैप्चर करने का प्रयास कर रहा हूं। हैमरजेएस का उपयोग करते समय इसे रोकने में कोई भी मदद की सराहना की जाएगी।जावास्क्रिप्ट और हैमर जेएस

पीएस: मैंने event.preventDefault() का कोई फायदा नहीं हुआ है।

उत्तर

0

अपने शीर्षक में रखें यह:

<meta name="viewport" content="width=device-width,user-scalable=no"> 

मूल रूप से उपयोगकर्ता के स्केलेबल संपत्ति नियंत्रण उपयोगकर्ताओं पेज ज़ूम करने के लिए अनुमति दी जाती है। तो एक बार जब आप इसे अक्षम कर लेंगे तो आप ज़ूम को हथौड़ा के साथ नियंत्रित कर सकते हैं।

यहाँ https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag#Viewport_basics

+0

ऐसा प्रतीत होता है कि पिनिंग द्वारा बनाई गई ड्रैग अभी भी आईओएस पर सफारी द्वारा कब्जा कर लिया गया है। यह ब्राउज़र में पृष्ठ को खींचने (स्क्रॉल नहीं) का कारण बनता है। वेब ऐप में कोई स्क्रॉल बार नहीं है। –

+0

अजीब ... [preventDefault()] (http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511- SW24) चुटकी ज़ूम अक्षम करना चाहिए – Bema

0

अधिक जानकारी क्या आप पर preventDefault बुला रहे थे? मैं आमतौर पर इस

$(body).on('touchmove', function(e){ 
    e.preventDefault(); 
}); 
1

आप कैसे आप के लिए इस्तेमाल किया जा सकता करने के लिए कुछ अलग ढंग से preventDefault कॉल करने की आवश्यकता की तरह कुछ के साथ @ बर्ट्रेंड के जवाब गठबंधन। इस तरह:

$('#your_element').on('pinch', function(event) { 
     event.gesture.preventDefault(); 
}); 

this hammer.js example एक और उदाहरण के लिए देखें।

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