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?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
