Bug Tracker

Ticket #5051: animBug.html

File animBug.html, 1014 bytes (added by tr1x, 10 years ago)

jQuery.animate() bug on IE6/7/8

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2                    "http://www.w3.org/TR/html4/loose.dtd">
3<html>
4<head>
5  <script src="http://code.jquery.com/jquery-latest.js"></script>
6 
7  <script>
8  $(document).ready(function(){
9   
10    $("#right").click(function(){
11      $(".block").animate({"left": "+=5em"}, "slow", null, function(){
12         
13          $("#text").html($(".block").css("left"));
14          });
15    });
16
17    $("#left").click(function(){
18      $(".block").animate({"left": "-=5em"}, "slow", null, function(){
19         
20          $("#text").html($(".block").css("left"));
21          });
22    });
23
24  });
25  </script>
26  <style>
27  div.block { 
28    position:absolute; 
29    background-color:#abc; 
30    left:10em;
31    width:600px; 
32    height:90px;
33    margin:5px; 
34  }
35  </style>
36</head>
37<body>
38<div id="text">&nbsp</div>
39  <button id="left">«</button> <button id="right">»</button>
40<div style="position:absolute; left: 30em;">
41<div class="block"></div>
42</div>
43
44</body>
45</html>