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

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

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

entrer image description ici

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

});
Était-ce utile?

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.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top