1

I am using the jQuery cycle plugin for a slideshow of images. With rounded bullets as pagers (because it's all the rage now so it seems). This worked perfectly in the 'modern' browsers except for IE. It is messing up the activePagerClass on the pagers.

Because IE can't do border-radius, I use the CSS3PIE behavior.

davidgenetic
  • 73
  • 5

1 Answers1

1

Changing

$.fn.cycle.updateActivePagerLink = function(pager,currSlide,clsName){
    $(pager).each(function(){
        $(this).children().removeClass(clsName).eq(currSlide).addClass(clsName);
     });
);

in the jQuery source code to

$.fn.cycle.updateActivePagerLink = function(pager,currSlide,clsName){
    $(pager).each(function(){
        $('a',this).removeClass(clsName).eq(currSlide).addClass(clsName);
    });
);

fixed it.

So it seems there is an issue with the children() function and the use of CSS3PIE. I'm not a fan of the behavior property and I would rather not use it, but the client wants rounded bullets in IE...

So I hope it helps somebody.

davidgenetic
  • 73
  • 5
  • The way that CSS3Pie works is by modifying the dom and adding `` elements as siblings to any elements previously added. So, it's likely that the DOM traversal got messed up by these new elements. Therefore, restricting to only anchors (`$('a',this)`) is a reasonable fix. – logan Jan 25 '12 at 05:55