Opened 10 years ago

Closed 10 years ago

Last modified 10 years ago

#4807 closed bug (fixed)

$('').switchClass throwing error in IE8 if the switched class contains color property

Reported by: arunpjohny Owned by:
Priority: major Milestone: 1.8
Component: ui.effects.core Version: 1.7.2
Keywords: switchClass Cc: arun.official.mail@…
Blocked by: Blocking:

Description

hi,

I've the following css classes

		.switch-format{
			background-color: yellow;
		}
		.switch-format1{
			background-color: blue;
		}
		.switch-format2{
			color: red;
		}

Using this classes I want to do some animation on the following div

<div id="switch-class" class='switch-format' style="margin-top: 5px;">Effects - Switch</div>

Following is my jQuery code which will use switchClass to switch the classes at 5 sec interval

setTimeout(function() {
			alert('Switch 1');
			jq('#switch-class').switchClass('switch-format', 'switch-format1',
					3000);
		}, 5000);

setTimeout(function() {
			alert('Switch 2');
			jq('#switch-class').switchClass('switch-format1', 'switch-format2',
					3000)
		}, 10000);

setTimeout(function() {
			alert('Switch 3');
			jq('#switch-class').switchClass('switch-format2', 'switch-format',
					3000)
		}, 15000);

The first switch happens fine but when the second switch happens it fails in IE8, it works fine in FF3.

The error is 'Invalid Property Value'.

In IE it fails in the following line

    fx.elem.style[ fx.prop ] = fx.now + fx.unit;

with the following values fx.prop = 'borderColor' fx.now = NaN fx.unit = 'px' fx.elem.style[ fx.prop ] = fx.elem is the div with id 'switch-class'

Can you help me to solve this problem

Attachments (3)

jquery-debug-01.JPG (147.1 KB) - added by arunpjohny 10 years ago.
Effects value
jquery-debug-02.JPG (152.3 KB) - added by arunpjohny 10 years ago.
New and Old values for borderColor
sample.html (1.1 KB) - added by arunpjohny 10 years ago.
To Recreate the issue

Download all attachments as: .zip

Change History (5)

Changed 10 years ago by arunpjohny

Attachment: jquery-debug-01.JPG added

Effects value

Changed 10 years ago by arunpjohny

Attachment: jquery-debug-02.JPG added

New and Old values for borderColor

Changed 10 years ago by arunpjohny

Attachment: sample.html added

To Recreate the issue

comment:1 Changed 10 years ago by Scott González

Component: effects.* (individual effect)effects.core
Milestone: TBD1.8
Priority: minormajor

comment:2 Changed 10 years ago by Scott González

Resolution: fixed
Status: newclosed

Fixed in r3411.

Note: See TracTickets for help on using tickets.