Jquery: Lorsque planant au-dessus P, div se fane dans centrées sur cette P, mais quand plane de la souris sur cette div, il crée l'effet de la souris sur
Question
est ce que mon code fait: si #placeBookmark a la .placing de classe, puis quand je survolez paragraphes, il apparaît en fondu #bookmarkThis. #bookmarkThis est juste un div avec les mots « Ajouter à vos favoris » en elle, cette div est ajouté à la page lorsque la page se charge, et est centrée sur le paragraphe qui est en cours plané, puis disparaît sur la souris sur.
Mon problème / question: Quand je passe la souris au paragraphe, il apparaît en fondu sur ce point, et est centré, mais quand mes mouvements de la souris sur #bookmarkThis (ce qui est la division qui se fond dans), alors il disparaît, comme i moused-off du paragraphe. Comment puis-je garder #bookmarkThis de déconner mon vol stationnaire Paragraphe?
Note:. #BookmarkThis est ajouté au corps à la page charge (ce n'est pas un enfant de P), puis positionnés par rapport à l'être P planait
$('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)
});
La solution
Vous pouvez ajouter le signet sur ce bouton au paragraphe puis retirez-le une fois que vous passez la souris sur le paragraphe.