Fix interactive circle text jumbled issue

WPDevelopers · Jul 28, 2024 · a1f1c43 · a1f1c43
1 parent de3fab8
commit a1f1c43
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/assets/front-end/js/view/interactive-circle.min.js b/assets/front-end/js/view/interactive-circle.min.js
diff --git a/src/js/view/interactive-circle.js b/src/js/view/interactive-circle.js
@@ -15,9 +15,9 @@ ea.hooks.addAction( "init", "ea", () => {
 		}
 
 		if ( $animation !== 'eael-interactive-circle-animation-0' ) {
-			let $circleContent = $scope.find(".eael-circle-content.active"),
+			let $circleContent = $scope.find(".eael-circle-content"),
 				$activeItem = $scope.find('.eael-circle-btn.active');
-			$activeItem.siblings('.eael-circle-btn-content').removeClass('active');
+			// $activeItem.siblings('.eael-circle-btn-content').removeClass('active');
 
 			$('body').scroll(function () {
 				if($circleWrap.isInViewport()){
@@ -28,9 +28,12 @@ ea.hooks.addAction( "init", "ea", () => {
 			$($circleContent).waypoint(
 				function() {
 					$circleWrap.addClass($animation);
-					setTimeout(function (){
-						$activeItem.siblings('.eael-circle-btn-content').addClass('active');
-					},1700);
+					if ( $activeItem === true ) {
+						setTimeout( function (){
+							$activeItem.siblings('.eael-circle-btn-content').addClass('active');
+						}, 1700 );
+					}
+
 				},
 				{
 					offset: "80%",