1 | <!doctype html> |
---|
2 | <html> |
---|
3 | <head> |
---|
4 | <title>.offset() setter bug</title> |
---|
5 | <script type="text/javascript" src="http://code.jquery.com/jquery-1.4a2.js"></script> |
---|
6 | <style type="text/css"> |
---|
7 | #below { |
---|
8 | position: absolute; |
---|
9 | } |
---|
10 | </style> |
---|
11 | <script type="text/javascript"> |
---|
12 | $(function() { |
---|
13 | var above = $('#above'), |
---|
14 | aboveOffset = above.offset(); |
---|
15 | $('#below').offset({ |
---|
16 | top: aboveOffset.top + above.height(), |
---|
17 | left: aboveOffset.left |
---|
18 | }); |
---|
19 | }); |
---|
20 | </script> |
---|
21 | </head> |
---|
22 | <body> |
---|
23 | |
---|
24 | <p id="above">I should be above</p> |
---|
25 | <p id="below">I should be below</p> |
---|
26 | |
---|
27 | </body> |
---|
28 | </html> |
---|