jQuery:Pの上にホバリングすると、DivはそのPを中心にフェードしますが、マウスがそのdivを覆うと、マウスアウト効果が発生します
質問
これが私のコードが行うことです:#placebookmarkがクラスの配置を持っている場合、段落の上にホバリングすると、#bookmarkthisでフェードします。 #bookmarkthは、「Bookmark this」という単語があるDivです。このDivは、ページが読み込まれたときにページに追加され、ホバリングされている段落の上に集中し、マウスアウトでフェードアウトします。
私の問題/質問:私が段落をホバリングすると、それはその段落にフェードインして中心になりますが、マウスが#bookmartthis(これは消えていくdiv)を越えて移動すると、それが消えてしまいます。段落の。 #BookMarkThisは段落のホバーを台無しにするのを防ぐにはどうすればよいですか?
注:#BookMarkThは、ページのロード(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)
});
解決
このボタンをパラグラフにブックマークしてから、段落からホバリングしたら削除することができます。
所属していません StackOverflow