Question

i am making a loop, and getting the thumb image info, this is the code for that,

$.map(galImg, function ( val ,i ){
  // adding no.of li's
  thumList += '<li><img src='+val.thumb+'></li>';   
})

thumList += "</ul>"

// finally placed in to navi div.
navi.html(thumList); 

Up to all works find. but what i am looking is, how can i add the click event to each of this <li>‘s? while i make (Because once the user click on the <li>‘s i will get the index number and replace the slider accordingly.)

Answer 1

Try to use .on():

navi.on('click', 'li', function(){
     alert( $(this).index() );
})