需要jQuery在页面加载而不是单击时立即设置动画

Question

我正在使用以下代码：

<!-- language: lang-js -->
$(document).ready(function() {

    $("#Arrow_Down_Mobile , #Arrow_Down_Mobile_other").click(function() {
      doBounce($(this), 10, '10px', 300);
    });


    function doBounce(element, times, distance, speed) {
      for (var i = 0; i < times; i++) {
        element.animate({
          marginTop: '-=' + distance
        }, speed).animate({
          marginTop: '+=' + distance
        }, speed);
      }
    }

});

它工作得很好，但是我正在尝试更改click()的行为，以便它可以在页面加载后立即开始播放。

我尝试了ready，live()，trigger()，on()，load()等，但是他们都没有立即播放动画，所以我除了点击动画之外，这里关于如何使动画起作用的想法也越来越少。

Answer 1

$(document).ready(function (){
   doBounce($("#Arrow_Down_Mobile , #Arrow_Down_Mobile_other"), 10, '10px', 300)
});

我们看不到您尝试实现ready()方法的尝试，但是请确保您正在document对象上调用它。