Js Waypoint +偏移动画

Question

我的JS有问题。

我使用waypoint + animate.css，当我编写脚本时，这个脚本打破了所有脚本。

以下是HTML代码：

<div id="elementanime1" class="col-sm-4 center">
    <div class="cercle-droite circle jaune-transparent">
        <div class="circle-inner">
            <div class="score-text">
                <h3 class="sous-titre-section-clair trait-s-t-clair">Events<br/>et congrès</h3>
                <a class="bouton-jaune" id="show-events-congres"><i class="fa fa-plus-circle"></i> En savoir plus</a>
            </div>
        </div>
    </div>
</div><code>

Js：

(function($){
    $(document).ready(function(){

      // hide our element on page load
      $('#elementanime1').addClass('fade');

      $('#elementanime1').waypoint(function() {
          $('#elementanime1').addClass('fadeInLeft');
      }, { offset: '50%' });

}})(jQuery);

网站链接www.pier17.fr/la-fonderie

你能帮我吗？

Answer 1

你刚忘记了document.ready

末尾的闭括号

(function($){
    $(document).ready(function(){

        // hide our element on page load
        $('#elementanime1').addClass('fade');

        $('#elementanime1').waypoint(function() {
            $('#elementanime1').addClass('fadeInLeft');
        }, { offset: '50%' });

    });
})(jQuery);