Jquery：Pの上にカーソルを置くと、divはそのPの中央にフェードインしますが、マウスがそのdivの上にマウスを置くと、マウス出力の効果が生成されます

Question

これは私のコードです：#placeBookmarkにクラスがある#bookmarkThisで消える段落にカーソルを移動します。 #bookmarkこれは単語が「ブックマークしています」という単語を含むdivです。このdivはページが読み込まれたときにページに追加され、カーソルを移動している段落の中央に配置され、マウスオーバーするとフェードアウトします。

私の問題/質問：段落を動かすと、その段落にフェードインして中央に配置されますが、マウスが#bookmarkThis（フェードインするDiv）の上を移動すると、私は段落を解いた。 #bookmarkThisを段落の上に置いておくのはどうすればいいですか？

注：#bookmarkThisはページの読み込み時に本文に追加されます（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

あなたは段落にブックマークにこのボタンを追加し、あなたは段落の外に置くたら、それを削除することができます。