HTML 요소에 마지막 맴돌 았던 상태를 저장하는 방법은 무엇입니까?

Question

저는 동적으로 원을 생성하기위한 Wordpress 단축 코드를 만들고 있습니다. 현재 버전에서는 현재 상태와 마지막 호버 상태를 저장하는 데 문제가 있습니다. 여기

내가 원에서 텍스트를 표시하는 문제를 가지고 fiddle

입니다. 텍스트는 마지막 호벌 원에서부터 새 호 위에 마우스를 가져갈 때까지 표시되어야합니다.

내 문제는 더 나은 해결책이 있습니까?

내 문제는 호버 엔드에 있다고 생각합니다.

[...] ,function() { 
     $contentBoxPrevious = $contentBoxCurrent; 
     $contentBoxCurrent.removeClass('active-text'); 
     $(this).removeClass('hover active'); 
    } 

Answer 1

이동 당신이 "활성 텍스트"를 제거했다이었다 잘못하고 있었다 무엇이 https://jsfiddle.net/eu0jcmh0/

같은 handleIn 함수의 중간에 handleOut 기능에서이 라인

$contentBoxPrevious.removeClass('active-text'); 

당신이 다른 요소에 마우스를 대었을 때 그것을 제거하지 않고 당신이 그 요소에서 떼어 낼 때마다 수업이 제가 도와줬으면 좋겠어요!

Answer 2

귀하의 코드가 너무 복잡 보였다 ...
그래서 난 그냥 그것을 당신이 결과로 싶은 생각 을 달성하기 위해 내 길을 다시 썼다.

$(document).ready(function() { 

    // Set all texts invisible 
    $(".text-content").css({ 
     "opacity": 0 
    }); 

    // Declare previous and active indexes vars 
    var previous_index; 
    var active_index; 

    $(".icon-circle").hover(function() { 

     // On mouseenter, getting this index. 
     active_index = $(this).data("index"); 

     // Show associated text. 
     $(this).parent().find(".text-content").css({ 
      "opacity": 1 
     }); 

     // Hide previous associated text. 
     if (active_index != previous_index) { 
      $("[data-index='" + previous_index + "']").parent().find(".text-content").css({ 
       "opacity": 0 
      }); 
     } 

    }, function() { 
     // On mouseout, just keeping previous index... 
     previous_index = active_index; 
    }); 
}); 

이 Fiddle 작업 :

여기에 코드입니다.