AudioJungle

jQuery Color Animation + Google Chrome Issue

4099 posts
  • Envato Staff
  • Reviewer
  • Community Moderator
  • Venezuela
  • Has been a member for 4-5 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Microlancer Beta Tester
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
+9 more
Ivor moderator says

Hey guys I’m having this issue:

I’m using the jQuery Color plugin to animate some elements. This example is working flawlessly in Firefox but in webkit fails. Any ideas why this plugin doesn’t work in Webkit? Did you have this issue before? [Apparently is a common issue]

$(".main_sidebar ul li a").hover(function() {
        $(this).stop().animate({ backgroundColor: "#f1f1f1" }, 200);
    },function() {
        $(this).stop().animate({ backgroundColor: "#ffffff" }, 200);
});
2529 posts
  • Attended a Community Meetup
  • Author had a Free File of the Month
  • Blog Editor
  • Bought between 50 and 99 items
  • Contributed a Tutorial to a Tuts+ Site
  • Envato Staff
  • Exclusive Author
+8 more
JeffreyWay moderator says

Ahh – didn’t know about that. Also check out jQuery UI’s implementation.

4099 posts
  • Envato Staff
  • Reviewer
  • Community Moderator
  • Venezuela
  • Has been a member for 4-5 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Microlancer Beta Tester
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
+9 more
Ivor moderator says
Ahh – didn’t know about that. Also check out jQuery UI’s implementation.

I did and now is working in webkit but not in Firefox lol

EDIT : Is working now – I’m using jQuery UI Core + Effects Core (16kb)

Thanks so much for the help Jeffrey.

2933 posts
  • Community Superstar
  • Sold between 1 000 and 5 000 dollars
  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • United States
  • Exclusive Author
chrisakelley says
Ahh – didn’t know about that. Also check out jQuery UI’s implementation.

I did and now is working in webkit but not in Firefox lol

EDIT : Is working now – I’m using jQuery UI Core + Effects Core (16kb)

Thanks so much for the help Jeffrey.

if it works in firefox opera and IE, why not use css3 check the sandbox(note Ive only set it upfor chrome and safari)

4099 posts
  • Envato Staff
  • Reviewer
  • Community Moderator
  • Venezuela
  • Has been a member for 4-5 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Microlancer Beta Tester
  • Sold between 10 000 and 50 000 dollars
  • Exclusive Author
+9 more
Ivor moderator says
Ahh – didn’t know about that. Also check out jQuery UI’s implementation.

I did and now is working in webkit but not in Firefox lol

EDIT : Is working now – I’m using jQuery UI Core + Effects Core (16kb)

Thanks so much for the help Jeffrey.
if it works in firefox opera and IE, why not use css3 check the sandbox(note Ive only set it upfor chrome and safari)

Why not jQuery and a CSS3 fallback if JavaScript is disabled? ;)

2933 posts
  • Community Superstar
  • Sold between 1 000 and 5 000 dollars
  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • United States
  • Exclusive Author
chrisakelley says
Ahh – didn’t know about that. Also check out jQuery UI’s implementation.

I did and now is working in webkit but not in Firefox lol

EDIT : Is working now – I’m using jQuery UI Core + Effects Core (16kb)

Thanks so much for the help Jeffrey.
if it works in firefox opera and IE, why not use css3 check the sandbox(note Ive only set it upfor chrome and safari)
Why not jQuery and a CSS3 fallback if JavaScript is disabled? ;)

haha +1

by
by
by
by
by