onclick is not working in mobile Jquery

Question

I am using mobile Jquery, phonegap to develop a mobile application.

Upon selectioin of item, I am generating a new dynamic page; with data-role="page" and id="bar"

So my code becomes like this.

  <script type="text/javascript" >

        function showCategory( urlObj, options )
        {
            var alphaName = urlObj.hash.replace( /.*aplha=/, "" ),

    var $page = $('<div data-role="page" id="bar">
                      <div data-role="content"> <a href="#bar?aplha='+previous+'>'+previous+'</a> 

                      <img src="img/alphabets/'+alphaName+'.png"  onclick="playAudio('+alphaName+')"  /> 

                       <a href="#bar?aplha='+next+' data-transition="slidedown">'+next+'</a>
                      </div> <div data-role="footer" data-position= "fixed"> <h4>
                      <a href="#foo">Back to Categories</a></h4> </div> </div>');
        }
</script>

I have tried almost everything to get the alert on alphaName on onclick=playAudio but all in vian. I know the problem is in giving qoutes, but somewhow I cannot figure the right way. If anyone could help please

`$(document).on('click', 'img', function () { alert('clicked') });` This is the way of binding events to dynamic items. — Omar, Jul 09 '13 at 09:48
You might face stopping audio from playing when you navigate to a different page. If you want, I can provide you with a comprehensive answer. — Omar, Jul 09 '13 at 10:56
The sound continues to play even tho I navigate to a different page, like you said. How do I counter this? — Miru, Jul 10 '13 at 07:52
check this answer bro ;) http://stackoverflow.com/a/17544076/1771795 — Omar, Jul 12 '13 at 08:37

score 1 · Answer 1 · answered Jul 09 '13 at 10:44

1

Try "on" bind method

As of Jquery 1.7+ the better approach is to use on method.

$(document).on('click', 'img', function ()
 { 
alert('image is clicked')
 });

Thanks AB

answered Jul 09 '13 at 10:44

Arun Bertil

4,598
4
33
59

onclick is not working in mobile Jquery

1 Answers1