Elements className更改时的函数

Question

我正在尝试根据具有特定类名的幻灯片更改某个部分的背景图片。

我有一个用循环

生成的无序列表

<ul class="tes-image-links">
   <li>http://exampleimg1.jpg</li>
   <li>http://exampleimg2.jpg</li>
   <li>http://exampleimg3.jpg</li>
</ul>

我还有一些javascript来更改包含无序列表的部分的背景图像。背景图像的url取决于哪个div具有类名称cycle-slide-active

var cycleSlide = $('.cycle-slideshow').find('.cycle-slide');
    for (i = 0; i < cycleSlide.length; i++) { 

        if (cycleSlide.eq(i).hasClass('cycle-slide-active')){
            var apimglink = $('.tes-image-links').children('li').eq(i).text();
            apimglink = apimglink.replace("http://localhost", "");
            $('.ap-testimonial').css('background-image', 'url(' + apimglink + ')');
            console.log(apimglink);

        } //End If

    }; //End For

上面的代码为我提供了适合首次加载幻灯片的正确背景图片，但在幻灯片更改后没有其他任何事情发生。

我需要帮助每当对任何cycleSlide元素的cycleSlide.className发生更改时执行上面的代码。

先谢谢大家。