मैं आईफोन वेब एप्लिकेशन

Question

में क्लिक इवेंट के लिए jQuery का उपयोग कैसे करूं जब मैं एक साधारण क्लिक ईवेंट के लिए jQuery का उपयोग करता हूं तो यह केवल लिंक के लिए काम करता है। वहाँ यह फैला आदि के लिए काम करने के लिए एक रास्ता है:

$("span.clicked").live("click", function(e){alert("span clicked!")}); 

$("a.clicked").live("click", function(e){alert("link clicked!")}); 

स्पैन सफारी में काम करता है लेकिन नहीं मोबाइल सफारी (iPhone या iPad पर) जबकि एक टैग दोनों में काम करता है।

Answer 1

आपको "टचस्टार्ट" और "स्पर्श" घटनाओं को सुनने की आवश्यकता है। jQuery के साथ श्रोताओं को शामिल करें ...

$('span').bind("touchstart", function(e){alert('Span Clicked!')}); 

तुम इतनी है कि आप सत्यापित कर सकते हैं कि तत्व को निशाना बनाया जब उंगली छुआ तत्व लक्षित रूप में ही है जब उंगली हटा दिया गया था एक touchstart और touchend के लिए सुनने के लिए इच्छा हो सकती है ।

मुझे यकीन है कि वहाँ शायद यह करने के लिए एक बेहतर तरीका है कर रहा हूँ लेकिन यह है कि चाहिए काम :)

संपादित करें: एक बेहतर तरीका नहीं है! https://stackoverflow.com/a/4910962/16940

Answer 2

मैंने इसके साथ भी संघर्ष किया। चारों ओर घूमने और समस्या को समझने की कोशिश करने के बाद, मैं एक साधारण समाधान में आया।

यदि आप तत्व का cursorpointer पर सेट करते हैं, तो यह जादुई रूप से Jquery के लाइव और क्लिक ईवेंट के साथ फिर से काम करता है। यह सिर्फ सीएसएस में वैश्विक रूप से सेट किया जा सकता है।

Answer 3

आप वास्तव में 'काल' टैग (या एक 'एक' टैग के अलावा और कुछ) के रूप में इतने लंबे समय, touchstart या touchend घटना का उपयोग करने की जरूरत नहीं है की एक सीएसएस संपत्ति है:

cursor:pointer 

क्लिक

Answer 4

पंजीकृत करेगा, मैंने सबकुछ करने की कोशिश की और कोई भी चाल काम नहीं कर सका। यह पता चला कि मुझे क्लिक इवेंट नहीं मिल सका क्योंकि मेरे पास आईएमजी के तहत एक वीडियो तत्व था। वीडियो तत्व स्पष्ट रूप से क्लिक घटनाओं खाते हैं।

Answer 5

आप खाली ऑनक्लिक विशेषता जोड़कर क्लिक ईवेंट उत्पन्न करने के लिए ब्राउज़र को भी जोड़ सकते हैं। मामले में एक बेल्ट और ब्रेसिज़ दृष्टिकोण के लिए या तो दृष्टिकोण किसी भी आईओएस अद्यतन में काम करना बंद है, तो आप कुछ इस तरह इस्तेमाल कर सकते हैं:

$("span.clicked").live("click", function(e){alert("span clicked!")}) 
       .attr('onclick','') 
       .css('cursor','pointer'); 

(यह मानते हुए कि आप किसी भी वास्तविक onclick विशेषताओं आप कोई आपत्ति नहीं है नहीं है obliterating)

Answer 6

आप एक खाली onclick विशेषता जोड़ सकते हैं, तो जैसे:

<span onclick=''>Touch or Click Me</span> 
jQuery('span').live('click', function() { alert('foo'); });