Possible Bug: switchclass Method Fails in IE7
I am attempting to switch from an active to an inactive class where
the CSS is only changing the border of the element:
/* CSS */
.inactiveThumb{
border:4px solid #FFFFFF;
}
.activeThumb{
border:4px solid #0065B8;
}
/* The call to switchclass is a callback function in the function
"transition" which is triggered by a click */
// Attach click handlers to buttons.
$('> a:first', $buttonsWrap).click(function(){
var change = currentSlide === 0 ? (numberOfSlides-1) :
(currentSlide-1);
// Get current slide value and decrease by one.
transition(change, function(){
$('.activeThumb:first', $thumbsWrap).switchClass('activeThumb',
'inactiveThumb', 750);
$('> div:eq('+change+')', $thumbsWrap).switchClass
('inactiveThumb', 'activeThumb', 750);
});
// Update current slide value.
currentSlide === 0 ? currentSlide = (numberOfSlides-1):
currentSlide = (currentSlide-1);
return false;
});
/* For good measure, the transition function */
var transition = function( slideNum, callback ){
$('#slideWrap > .slide:eq('+currentSlide+')').fadeOut(function(){
$('#slideWrap > .slide:eq('+slideNum+')').fadeIn();
});
callback ? callback() : false;
return;
};
Now I recall have issues before with changing border colors in IE. I
did even grab the code from the example on ui.jquery.com for the
switchclass method and copy/pasted it into my IDE, changed the class
values from just changing the background colors to changing the
borders and the same thing happened. When it attempts to change the
border property it fails.
Any sugggestions or workarounds?