Appliquer la classe WOW sur un élément

Bonjour,

Je tente d'appliquer la classe WOW sans succès :/ 

Je vous laisse mon HTML :

			</div><!-- /slider-wrapper -->
				<div id="blanc">
		<div class="ms-left">
		<div class="ms-section wow" id="left1">
			Salut, comment ça va ?
			</div></div></div>

Mes CSS :

#blanc {
	height: 100%;
	background-color: green;
			}
.ms-left .animated {
	height: 100%
			}

et le JS :

    wow = new WOW(
      {
        animateClass: 'animated',
        offset:       100,
        callback:     function(box) {
          console.log("WOW: animating <" + box.tagName.toLowerCase() + ">")
        }
      }
    );
    wow.init();
    document.getElementById('moar').onclick = function() {
      var section = document.createElement('section');
      section.className = 'section--purple wow fadeInDown';
      this.parentNode.insertBefore(section, this);
    };

ATTENTION, la réponse est peut-être que le script interfère avec celui d'un shuffleLetters dont voici le JS :

console.clear()

$.fn.shuffleLetters = function(prop){

  var options = $.extend({
    "step"		: 8,			// How many times should the letters be changed
    "fps"		: 25,			// Frames Per Second
    "text"		: "", 			// Use this text instead of the contents
    "callback"	: function(){}	// Run once the animation is complete
  },prop)

  return this.each(function(){

    var el = $(this),
        str = "";


    // Preventing parallel animations using a flag;

    if(el.data('animated')){
      return true;
    }

    el.data('animated',true);


    if(options.text) {
      str = options.text.split('');
    }
    else {
      str = el.text().split('');
    }

    // The types array holds the type for each character;
    // Letters holds the positions of non-space characters;

    var types = [],
        letters = [];

    // Looping through all the chars of the string

    for(var i=0;i<str.length;i++){

      var ch = str[i];

      if(ch == " "){
        types[i] = "space";
        continue;
      }
      else if(/[a-z]/.test(ch)){
        types[i] = "lowerLetter";
      }
      else if(/[A-Z]/.test(ch)){
        types[i] = "upperLetter";
      }
      else {
        types[i] = "symbol";
      }

      letters.push(i);
    }

    el.html("");			

    // Self executing named function expression:

    (function shuffle(start){

      // This code is run options.fps times per second
      // and updates the contents of the page element

      var i,
          len = letters.length, 
          strCopy = str.slice(0);	// Fresh copy of the string

      if(start>len){

        // The animation is complete. Updating the
        // flag and triggering the callback;

        el.data('animated',false);
        options.callback(el);
        return;
      }

      // All the work gets done here
      for(i=Math.max(start,0); i < len; i++){

        // The start argument and options.step limit
        // the characters we will be working on at once

        if( i < start+options.step){
          // Generate a random character at thsi position
          strCopy[letters[i]] = randomChar(types[letters[i]]);
        }
        else {
          strCopy[letters[i]] = "";
        }
      }

      el.text(strCopy.join(""));

      setTimeout(function(){

        shuffle(start+1);

      },1000/options.fps);

    })(-options.step);


  });
};

function randomChar(type){
  var pool = "";

  if (type == "lowerLetter"){
    pool = "abcdefghijklmnopqrstuvwxyz0123456789";
  }
  else if (type == "upperLetter"){
    pool = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
  }
  else if (type == "symbol"){
    pool = ",.?/\\(^)![]{}*&^%$#'\"";
  }

  var arr = pool.split('');
  return arr[Math.floor(Math.random()*arr.length)];
}

var tabBolo = ["Ça va bien et toi ?", "Ben nickel !", "Pamplemousse...", "Pas mieux !", "Mais encore ?"];

var newShuffleLetter = function(tabBolo, j, $left1) {
  console.log(j)
  $left1.shuffleLetters({
			"text": tabBolo[j]											
		})
  j++;
  if (j<tabBolo.length) setTimeout(function(){
    newShuffleLetter(tabBolo, j, $left1)
  }, 4000);
}


var $left1 = $("#left1"); 
	
	// Shuffle the contents of container
	$left1.shuffleLetters();

setTimeout(function(){
  newShuffleLetter(tabBolo, 0, $left1)
}, 4000);

Si tel est le cas, comment faire ?

Merci beaucoup,

LM
Macintosh / Chrome 104.0.0.0