jquery - Jquery动画运动不起作用

Question

你好我有这个代码

<img id="ikona1" src="images/user.png" alt="Users Cloud"/>

我在 jquery 有这个代码。

$(document).ready(function(){
$("#button65").click(function() {
    $("#ikona3").animate({left: "+=300px"},200);
});});

当我按下按钮时它不动

但

如果我将代码更改为({width: "120px"},200);有效...

我不明白为什么它不起作用。

Answer 1

我已经设置了一个可以工作的示例小提琴。不要忘记通过 CSS 在图像上设置定位：

#ikona1 {position: absolute;} /* relative or fixed would also work */

Answer 2

您有 id 为 ikona1 的 html 元素，但使用 jquery 选择了 id 为 ikona3 的元素。也许你应该做这样的事情：

$(document).ready(function(){
    $("#button65").click(function(e) {
        $("#ikona1").animate({left: "+=300px"},200);
        e.preventDefault();
    });
});

还要检查您的元素是否包含position:absolute;在 css 中。