jQuery:Pの上にホバリングすると、DivはそのPを中心にフェードしますが、マウスがそのdivを覆うと、マウスアウト効果が発生します

StackOverflow https://stackoverflow.com/questions/4826709

質問

これが私のコードが行うことです:#placebookmarkがクラスの配置を持っている場合、段落の上にホバリングすると、#bookmarkthisでフェードします。 #bookmarkthは、「Bookmark this」という単語があるDivです。このDivは、ページが読み込まれたときにページに追加され、ホバリングされている段落の上に集中し、マウスアウトでフェードアウトします。

私の問題/質問:私が段落をホバリングすると、それはその段落にフェードインして中心になりますが、マウスが#bookmartthis(これは消えていくdiv)を越えて移動すると、それが消えてしまいます。段落の。 #BookMarkThisは段落のホバーを台無しにするのを防ぐにはどうすればよいですか?

注:#BookMarkThは、ページのロード(Pの子供ではない)にボディに追加され、Pがホバリングされることに比べて配置されます。

enter image description here

$('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)

});
役に立ちましたか?

解決

このボタンをパラグラフにブックマークしてから、段落からホバリングしたら削除することができます。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top