Question

我在技术上是jQuery的新手，我正在尝试在我的代码中实现尽可能多的东西来适应它。

因此，当用户点击页面上的任意位置时，我正在尝试制作一个div来向上移动页面并将不透明度更改为1.

这是我的代码：

$(document).ready(function(e) {
    $("#body").click(function() {
        setTimeout(function() {
            $("#name").animate(function() {
                bottom:"500px";
                opacity:"1";
            }, 1000);
        }, 2000);
    });
});

请注意name是我正在尝试设置动画的div的ID，而body只是我给HTML页面正文的ID，以便在点击任何地方时触发动作页面上有空白。

Answer 1

对象的属性应该用逗号分隔，而不是用分号分隔。此外，animate接受一个对象，而不是一个函数。试试这个：

$("#name").animate({
    bottom: "500px",
    opacity: "1"
}, 1000);

Answer 2

如果你想让不透明度从0变为1，你必须在css中将它设置为0。只要它已经为1就将它设置为1将无效！

Answer 3

我会执行animate函数，就像它是CSS一样。您正在为您的动画属性添加半冒号，它们应该是逗号。

$("#wrap").on('click', function() {
    setTimeout(function(){
        $("#name").animate({
            bottom:"500px",
            opacity:"1"
        }, 1000);
    }, 2000);
});

这是我的FIDDLE

jQuery动画和计时

3 个答案: