jQuery animate（）不動畫左屬性

所以，我試圖創建一個簡單的圖像滑塊使用jQuery和我堅持使用jQuery的動畫屬性。這裏是Fiddle相同。我的jQuery代碼看起來像這樣（PROPERT寬度僅供參考，以表明代碼工作，也可省略）jQuery animate（）不動畫左屬性

$(document).ready(function(){ 
setInterval(function(){ 
    moveRight(); 
}, 1000); 
}); 
var imageCount = $("#slider-wrapper .images img").length(); 
function moveRight(){ 
$(".images img").animate({ 
    left: '300px', 
    width: '25%' 
}, 1000, function(){ 
    $(".images img").css('left', ''); 
}); 
}

animate函數不是動畫屬性left但物業width是動畫。我究竟做錯了什麼？這與我的CSS有關嗎？

來源

2015-09-28 Lucky Ali

您可能需要添加'img {position：relative; }'你的CSS - 但我不知道你想如何工作的動畫。 – Djave

你試過減少這個問題嗎？如果您將間隔和動畫回調出來，動畫是否工作？ –

@Djave，'width'僅供參考，我試着只實現'left'，這不起作用 –

可能需要在您的CSS文件中將position: relative或position: absolute添加到選擇器.images img。左側屬性與「位置」正常工作。

.images img { 
    position: relative; /* Or absolute/fixed */ 
}

來源

2015-09-28 14:58:33

jQuery animate（）不動畫左屬性

回答

相關問題