javascript - 使用 jQuery 动画宽度

Question

大家好，

    $(".textF").animate({width: actualWidth + "px"}, durations[0]*1000);

快速提问。这是可行的，因为我是用 jQuery 得到的。但我对该类有很多跨度，如果我这样做是行不通的:

    var fElements=document.getElementsByClassName("textF");
    fElements[0].animate({width: actualWidth + "px"}, durations[0]*1000);

我得到的错误:

Uncaught DOMException: Failed to execute 'animate' on 'Element': Partial keyframes are not supported.

Answer 1

jquery 无法使用 native javaScript 函数。

错误？-animate() 由 jquery 定义，而不是使用原生 Javascript

请参阅animate() jquery 文档

$(fElements[0]).animate({width: actualWidth + "px"}, durations[0]*1000);

或

$(fElements).eq(0).animate({width: actualWidth + "px"}, durations[0]*1000);