use DOM mutation observer w/ arrive

hyunsupul · Sep 16, 2014 · d4265b3 · d4265b3
1 parent 0236e5c
commit d4265b3
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 16 deletions.
diff --git a/public/class-aesop-core.php b/public/class-aesop-core.php
@@ -292,7 +292,7 @@ public function scripts(){
 
 		// core script
 		wp_enqueue_script('ai-core', AI_CORE_URL.'/public/assets/js/ai-core.min.js', array('jquery'), AI_CORE_VERSION, true);
-
+		wp_enqueue_script('arrive', AI_CORE_URL.'/public/includes/libs/arrive-2.0.0.min.js', array('jquery'), AI_CORE_VERSION, true);
 	}
 
 	/**

diff --git a/public/includes/components/component-audio.php b/public/includes/components/component-audio.php
@@ -49,21 +49,25 @@ function aesop_audio_shortcode($atts, $content = null) {
 	   			<?php if ('on' == $atts['viewstart']) { ?>
 			    	<script>
 			    	jQuery(document).ready(function(){
-						jQuery('#aesop-audio-<?php echo $unique;?>').waypoint({
-							offset: '<?php echo $waypoint;?>',
-							handler: function(direction){
-						   		jQuery('#aesop-audio-<?php echo $unique;?> .mejs-playpause-button button').css({'cursor':'pointer'}).click();
-
-						   	}
-						});
-						<?php if ('on' == $atts['viewend']) { ?>
-						jQuery('#aesop-audio-<?php echo $unique;?>').waypoint({
-							handler: function(direction){
-						   		jQuery('#aesop-audio-<?php echo $unique;?> .mejs-playpause-button button').css({'cursor':'pointer'}).click();
-						   	}
-						});
-						<?php } ?>
-			    	});
+				    	jQuery('#aesop-audio-<?php echo $unique;?>').arrive('.mejs-audio', function(){
+
+								jQuery('#aesop-audio-<?php echo $unique;?>').waypoint({
+									offset: '<?php echo $waypoint;?>',
+									handler: function(direction){
+								   		jQuery('#aesop-audio-<?php echo $unique;?> .mejs-playpause-button button').css({'cursor':'pointer'}).click();
+								   	}
+								});
+
+								<?php if ('on' == $atts['viewend']) { ?>
+								jQuery('#aesop-audio-<?php echo $unique;?>').waypoint({
+									handler: function(direction){
+								   		jQuery('#aesop-audio-<?php echo $unique;?> .mejs-playpause-button button').css({'cursor':'pointer'}).click();
+								   	}
+								});
+								<?php } ?>
+
+					    	});
+				    	});
 			    	</script>
 	   			<?php } ?>
 

diff --git a/public/includes/libs/arrive-2.0.0.min.js b/public/includes/libs/arrive-2.0.0.min.js