हैमर जेएस v2.0.4 क्रोम 37.0 में केवल 'पैनस्टार्ट' या 'पैनमोव' को पहचान नहीं रहा है, केवल

Question

मैं स्क्रीन के चारों ओर एक तत्व खींचने के लिए एक सरल प्रोग्राम बनाकर हैमर जेएस सीखना चाहता था, बस Hammer homepage पर उतना ही उतना ही।

मैंने हैमर github page पर पोस्ट किया गया कोड इस्तेमाल किया, जो कि होमपेज पर उपयोग किया जाने वाला एक ही कोड प्रतीत होता है। मैं क्रोम (37.0/ओएसएक्स) में काम का परीक्षण कर रहा था। थोड़ी देर के लिए इसके साथ काम करने के बाद और तत्व को स्थानांतरित करने में असमर्थ होने के बाद, मैंने सफारी और एफएफ में एक ही पृष्ठ खोला। यह उन दोनों ब्राउज़रों में पूरी तरह से काम किया।

चीजों को नीचे धीरे-धीरे कम करने के लिए, मैं सिर्फ एक घटना ट्रिगर को देखने के लिए कोड करने के लिए आवश्यक इससे जोड़ा गया:

var mover = document.getElementById("mover"); 

var mc = new Hammer.Manager(mover); 
mc.add(new Hammer.Pan({ threshold: 0, pointers: 0 })); 

mc.on("panstart panmove", function(ev) { 
    console.log(ev); 
}); 

कुछ भी नहीं है क्रोम में लॉग होता है, लेकिन मैं उचित प्रवेश सफारी और एफएफ में अपेक्षा के अनुरूप मिलता है। मैंने घटना श्रोता को 'पैन, पैनएंड, पैनकैनल, पैन बाएं, पैनराइट, पैनअप, पांडडाउन' शामिल करने के लिए बढ़ाया। ये घटनाएं क्रोम में लॉग इन होंगी, इसलिए ऐसा लगता है कि केवल पैनस्टार्ट और पैनमोव को अनदेखा किया जा रहा था।

तो यह कोड क्रोम में hammer.js पृष्ठ पर चलाएगा, इसलिए स्पष्ट रूप से क्रोम उस ब्राउज़र में पैनस्टार्ट और पैनमोव ईवेंट देखता है, यह मेरे कोड में नहीं हो रहा है। जिसका मतलब है कि किसी भी तरह से मैं अपनी साइट से कोड कॉपी करने के बावजूद कुछ याद कर रहा हूं। मैंने जांच की कि हम एक ही हथौड़ा संस्करण पर थे, लेकिन मुझे यकीन नहीं है कि यहां से और क्या मुझे जांचना होगा।

क्या किसी और ने इस समस्या का सामना किया है और हल किया है? या शायद यह पता है कि मैं इस मुद्दे को बनाने के लिए क्या कर रहा हूं?

धन्यवाद।

Answer 1

हैमर साइट में स्पष्ट रूप से "धीमे उपकरणों पर बेहतर प्रदर्शन के लिए आपको कॉलबैक को यथासंभव सरल रखने की कोशिश करनी चाहिए।" मुझे लगता है कि ब्राउजर के साथ यह वही है!

हो सकता है कि आपकी समस्या

var mover = document.getElementById("#mover"); 

क्यों आप "#mover" "प्रस्तावक" के बजाय टाइप करते है? JQuery के लिए यह "#" संकेत है और आप सादा जावास्क्रिप्ट का उपयोग कर रहे हैं। यह मुझे भ्रमित करता है कि कुछ ब्राउज़रों में यह काम करता है, इसलिए मुझे लगता है कि आपकी एलिमेंटिड वास्तव में "#" के साथ शुरू होती है ...

अगर मुझे मदद मिली तो कृपया मुझे बताएं!