2013-05-28 28 views
6

मुझे मोबाइल वेबपृष्ठ में क्लिक फ़ंक्शन के साथ कोई समस्या है। यहां मेरा एचटीएमएल कोडjQuery मोबाइल क्लिक ईवेंट काम नहीं कर रहा है

<div data-role=content> 
    <input type="text" id="text"> 
    <div id="ss"></div> 
</div> 
<script type="javascript"> 
    $(document).ready(function() { 
     $("#text").keyup(function(){ 
      $('#ss').append('<div style="background:yellow;" >Text<br/><a class="te"> alert </a></div>'); 
     }); 

     $(".te").click(function(){ 
      alert("It is working"); 
     }); 
    }); 
</script> 

कृपया इस समस्या को हल करने में मेरी सहायता करें।

+0

आप jQuery मोबाइल का उपयोग कर रहे 'टच क्लिक करें'? यदि ऐसा है, तो कृपया अपने प्रश्न में [टैग: jquery-mobile] जोड़ें। – Mooseman

+1

@ बरलास, यह उत्तर देखें http://stackoverflow.com/questions/4755505/how-to-recognize-touch-events-using-jquery-in-safari-for-ipad-is-it- संभावित – maximkou

+0

धन्यवाद बहुत । मैंने अपनी समस्या का समाधान किया। मेरा सही कोड है: <स्क्रिप्ट टाइप = "जावास्क्रिप्ट"> $ ("# टेक्स्ट")। कीप (फ़ंक्शन() { $ ('# एसएस')। संलग्न करें ('

Text
alert
'); $ ("। ते ") क्लिक करें (फ़ंक्शन() { अलर्ट (" यह काम कर रहा है "); });}); – Guwanch

उत्तर

10

आपका तत्व गतिशील रूप से जोड़ा गया है, ईवेंट प्रतिनिधिमंडल का उपयोग करें। करने के लिए अपने क्लिक करें घटना बदलें:

$(document).on('click', '.te', function() { 
    //do stuff 
}); 
+0

काम करने लगता है: http://jsfiddle.net/Gq92f/ – tymeJV

+0

आप, महोदय, एक किंवदंती हैं। मैं पिछले 3 घंटों से इस पर अपने बालों को फाड़ रहा हूं। अब पूरी तरह से काम करता है कि मैंने इसे बदल दिया है। धन्यवाद!! –

0

या 'touchstart'

$('.delete-my-account').on('click touch', function(e) { 
     e.preventDefault(); 
     e.stopPropagation(); 

     if (! confirm('Are you sure?')) { 
      return false; 
     } 
     //... 
}); 
संबंधित मुद्दे