Question

在这里，我正在尝试将弹跳动画应用于由API调用的动态生成的消息，但不会产生任何影响。此外，我尝试使用effect()但它也没用。这是我Codepen的链接。 Link

$(document).ready(function () {

    $("#getMessage").on("click",function () {
        //(".message").effect("bounce", {times:300}, 300);  
        move();
    });    

    var divObj = null;

    function init () {
        divObj = document.getElementById("message");
        //   $("#message").toggle("bounce", {times: 6}, "slow"); 
        divObj.style.position = "relative";
        divObj.style.top = "0px";
    }

    function move () {
        divObj.style.top = parseInt(divObj.style.top) + 10 + "px";
    }

});

Answer 1

您上面提供的内容与您正在寻找的结果相差太远。基本上，您提供的{times:300}对于速度/比率来说太多了 - 导致没有可见动画。

根据我刚刚测试过的， 反弹＆gt; 10 speed @ 300 似乎以异常方式显示。

请参阅此代码： http://codepen.io/anon/pen/BWyqpY

尝试一下：

$("#getMessage").on("click",function () {
    $(".message").effect("bounce",{times:3},300);

    // I'm not sure if you still want this method.
    move();
});

使用js手动将反射动画应用于div元素

1 个答案: