#5213 closed bug (notabug)
Class Transitions don't work on ALL IE versions
| Reported by: | mirko | Owned by: | |
|---|---|---|---|
| Priority: | major | Milestone: | |
| Component: | ui.core | Version: | 1.7.2 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Can't reopen ticket 5202 so I'm opening new:
Probably I had to say that it works with the new (beta) branch 1.8RC2, but if you use the current STABLE (1.7.2) it produces an error ("invalid property value") on IE 6, 7, 8. (On Safari 4 the transition won't be animated too)
Here is an example with full code, so you can just copy/paste to try:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc2/jquery-1.4.2.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.7.2/ui/jquery-ui.js"></script>
<!-- this one works:
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc2/ui/jquery-ui.js"></script>
-->
<style>
.active {
background: #00FF00;
border: 1px solid #FF0000;
}
</style>
</head>
<body>
<div onclick="$(this).toggleClass('active', 'slow', function() {alert(123)})"> test </div>
</body>
</html>
Note: See
TracTickets for help on using
tickets.
Please stop opening this ticket. The code clearly works in the new version. Obviously existing code won't automatically start working.