2012-08-31 28 views
6

के साथ टैप ईवेंट का उपयोग करना मैं एक वेब अनुप्रयोग विकसित करने के लिए ट्विटर-बूटस्ट्रैप का उपयोग कर रहा हूं जो एकाधिक उपकरणों पर प्रस्तुत कर सकता है।ट्विटर बूटस्ट्रैप

अब मैं 'टैप' ईवेंट को संभालना चाहता हूं। तो मेरा प्रश्न यहां है:

  1. क्या मैं jquery मोबाइल का उपयोग किए बिना jquery 1.7.2 का उपयोग करके 'टैप' ईवेंट को संभाल सकता हूं?
  2. यदि उपर्युक्त प्रश्न का उत्तर कोई नहीं है, तो मैं ट्विटर-बूटस्ट्रैप के साथ jqueryMobile को एकीकृत कैसे करूं। क्योंकि मैंने अपने ट्विटर-बूटस्ट्रैप पेज में jQueryMobile जेएस सहित कोशिश की और जब मैं इसका उपयोग करता हूं, पेज तोड़ता है !!
+0

क्या आप अपना टूटा कोड पोस्ट कर सकते हैं? – cspolton

उत्तर

2

अंत में मैं Touchable-jQuery-Plugin पर हिट हुआ जो स्पर्श और उनके संबंधित माउस ईवेंट को संभालता है।

5

नल घटना एक jQuery मोबाइल घटना है और जो एक विनिर्देश है एक वास्तविक एचटीएमएल 5 घटना नहीं है। HTML5 specifies touch events, जो supported on Android and iOS हैं, और ट्विटर बूटस्ट्रैप पहले से ही अपने कुछ प्लगइन में उन ईवेंट का उपयोग करता है।

हालांकि, टैप ईवेंट की एक सामान्य समझ धारणा पर जा रहा है, कोई भी स्पर्श घटनाओं के अनुक्रम के आधार पर उन्हें आसानी से ट्रिगर कर सकता है। यहाँ एक कोशिश है: यदि एक touchend 150ms के भीतर एक touchstart (जो आप निश्चित रूप से, समायोजित कर सकते हैं) इस प्रकार

// listen for a touchstart event 
$('body').on('touchstart.tap',function (e) { 

    // listen for a touchend event 
    $(e.target).one('touchend.tap',function() { 
    $(e.target).trigger('tap'); 
    }); 

    // cancel it in 150ms 
    setTimeout(function() { 
    $(e.target).off('touchend.tap'); 
    },150); 
}); 

यह एक नल घटना ट्रिगर किया जाएगा। यदि आप टैप ईवेंट टैप करते हैं तो आप jQuery मोबाइल सहित झूठ बोलने का प्रयास कर सकते हैं।

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