我想將一組「可拖動」圖像的初始位置存儲爲圖像中的數據屬性。然後當按下「putBack」按鈕時,圖像將返回到其原始位置。問題是圖像返回到相對位置。而不是頂部&左邊,他們被定位到2XTop和2XLeft。jquery動畫位置 - 絕對vs相對
// assign data attributes x,y data attributes
$('li img').each(function(index) {
$(this).data("Left", $(this).parent().position().left)
.data("Top", $(this).parent().position().top);
console.log($(this).data("Top"));
});
// button to put images back where they started
$("#putBack").bind('click', function() {
$('li img').each(function(index) {
console.log($(this).data("Top"));
$(this).parent().animate(
{ "left": $(this).data("Left"),
"top": $(this).data("Top")
}, "slow");
});
});
HTML ...
<ul>
<li id='apple'><img src="images/apple.png"/></li>
<li id='bread'><img src="images/bread.png"/></li>
<li id='banana'><img src="images/banana.png"/></li>
<li id='hot_dog'><img src="images/hot_dog.png"/></li>
<ul>
三網融合
ul{
width:100px;
padding:0px;
list-style:none;
font-size:20px;
}
可以添加你的HTML也? – 2012-03-27 18:08:57