Witam,

napisałem funkcję w JQ która co określony czas zmienia obrazki w określonym miejscu na stronie. Jestem początkujący w JS i JQ dlatego nie potrafię stwierdzić dlaczego nie działa mi zdarzenie click wywołane na wyświetlanych obrazkach. Oto kod:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready( function ()
{
  $('.commercialButton').click(function()
  {
    alert('ok');
    return false;
  });
 
  function slide1()
  {
      setTimeout(function(){
            $('#B-2').html('<a href="http://www.cos.pl/" class="commercialButton"><img  src="/zaplecze/public/uploads/commercials/START-czerwiec/cos.png"\n\
              style="margin: 30px 10px; vertical-align: baseline; border: 0pt none;" border="0" height="160" width="250"   /></a>'); 
      }, 1);
 
      setTimeout( function(){
        $('#B-2').html('<a href="http://www.domena.pl" class="commercialButton"> <img  src="/zaplecze/public/uploads/commercials/a3-II.png" \n\
            style="margin: 30px 10px; vertical-align: baseline; border: 0pt none;" border="0" height="160" width="250"   /></a>'); 
      }, 3001);
   }
   slide1();
   setInterval(function(){slide1();}, 13001);    
 
 
});
[JAVASCRIPT] pobierz, plaintext 

Z góry dzięki.

.live() służy do obsługi zdarzeń dla tworzonych z poziomu JavaScript elementów.

zamiast live użyłem on, które jest nowsze, ale obrazki przestały się wyświetlać. Obecny kod:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready( function ()
    {
  $('.zak-postcontent').on("click", ".commercialButton", function()
  {
    alert('ok');
    return false;
  });
 
    function slide1()
    {
    setTimeout(function(){
    $('#B-2').html('<a href="http://www.cos.pl/" class="commercialButton"><img src="/zaplecze/public/uploads/commercials/START-czerwiec/cos.png"\n\
    style="margin: 30px 10px; vertical-align: baseline; border: 0pt none;" border="0" height="160" width="250" /></a>');
    }, 1);
 
    setTimeout( function(){
    $('#B-2').html('<a href="http://www.domena.pl" class="commercialButton"> <img src="/zaplecze/public/uploads/commercials/a3-II.png" \n\
    style="margin: 30px 10px; vertical-align: baseline; border: 0pt none;" border="0" height="160" width="250" /></a>');
    }, 3001);
    }
    slide1();
    setInterval(function(){slide1();}, 13001);
 
 
    });
[JAVASCRIPT] pobierz, plaintext