I have included an animation script for CSS in my markup, but I am encountering the following error:
TypeError: $.fn.appear.run is not a function
Does anyone know why this is happening and how I can resolve it?
/*
* CSS3 Animate it
* Copyright (c) 2014 Jack McCourt
* https://github.com/kriegar/css3-animate-it
* Version: 0.1.0
*
* I use the jQuery.appear plugin in this javascript file so here is a link to that too
* https://github.com/morr/jquery.appear
*
* I also use the jQuery.doTimeout plugin for the data-sequence functionality so here is a link back to them.
* http://benalman.com/projects/jquery-dotimeout-plugin/
*/
// JavaScript code goes here...
/*!
* jQuery doTimeout: Like setTimeout, but better! - v1.0 - 3/3/2010
* http://benalman.com/projects/jquery-dotimeout-plugin/
*
* Copyright (c) 2010 "Cowboy" Ben Alman
* Dual licensed under the MIT and GPL licenses.
* http://benalman.com/about/license/
*/
(function($) {
// Code goes here...
})(jQuery);
//CSS3 Animate-it
$('.animatedParent').appear();
$('.animatedClick').click(function(){
// Click event handling
});
$(document.body).on('appear', '.animatedParent', function(e, $affected){
// Appear event handling
});
$(document.body).on('disappear', '.animatedParent', function(e, $affected) {
// Disappear event handling
});
$(window).load(function(){
// Function on window load
});