Jquery : P 위로 마우스를 가져 가면 div가 해당 P 위로 가운데로 페이드 인하지만 해당 div 위로 마우스를 가져 가면 마우스 아웃 효과가 생깁니다

Question

이것이 내 코드의 동작입니다. #placeBookmark 클래스가 .placing 인 경우 #bookmarkThis에서 페이드 아웃하는 단락 위로 마우스를 가져갑니다. #bookmark이 단어는 "북마크에 추가"라는 단어가있는 div이며,이 div는 페이지가로드 될 때 페이지에 추가되고, 마우스 커서를 올려 놓은 단락 위로 가운데에 놓은 다음 마우스 아웃시 페이드 아웃합니다.

내 문제/질문 : 단락을 가리키면 그 단락에 페이드 인하 고 가운데에 놓입니다. 그러나 마우스가 #bookmarkThis (페이드 인하는 div) 위로 이동하면 다음과 같이 사라집니다. 나는 단락을 털어 냈다. #bookmarkThis가 내 단락 호버를 엉망으로 만들지 않게하려면 어떻게해야합니까?

참고 : #bookmarkThis는 페이지로드시 본문에 추가되며 (P의 하위 항목이 아님) P 위치에 상대적으로 배치됩니다.

$('p').hoverIntent(function() { 
    var myObject = $('#bookmarkThis') 
    var topp = $(this).offset().top + ($(this).height()/2) - (myObject.outerHeight()/2) 
    var leftt = $(this).offset().left + ($(this).width()/2) - (myObject.outerWidth()/2) 

    if ($('#placeBookmark').hasClass('placing')) { 
     $(this).animate({color: "#999999", backgroundColor: "#f5f5f5"}, 400) 
     $('#bookmarkThis').css({'left': leftt, 'top':topp}).fadeIn(200) 
    } 
}, function() { 
    $(this).stop().animate({color: "#333", backgroundColor: "#fff"}, 200) 
    $('#bookmarkThis').fadeOut(200) 

}); 

Answer 1

당신은 북마크를 단락이 버튼을 추가하고 단락에서 마우스를 한 번 다음을 제거 할 수 있습니다.