javascript - JS 异常 : animate is not a function

Question

我在 div 中有一张图片，以及以下 Javascript 代码:

function animate_down(key1, key2) 
{
   cimage = document.getElementById('sslot_img' + key1);
   var topval = cimage.offsetTop;
   if (topval == -416) {
        cimage.animate({ top: '0px' }, 5000);
   }
   else {
        topval = topval - 32;
        var toptxt = { 'top': topval.toString() };
        cimage.animate(toptxt, 5000);
    }
}

我已经在 Firebug 中对其进行了测试，当调试器到达 .animate 函数时，它会抛出:

cimage.animate is not a function 

我错过了什么？

Answer 1

getElementById 不是 jQuery 函数，不会产生 jQuery 对象。 animate 仅适用于 jQuery 对象。您需要包装您的 cimage:

$(cimage).animate( ... )

或者通过 jQuery 而不是 getElementById

var cimage = $('#sslog_img' + key1);

请注意，如果您选择后一个选项，cimage 将没有 offsetTop 属性，而是您必须使用

cimage.offset().top

或

cimage[0].offsetTop