JQuery: Wenn Div über p über P schwebt, zentriert sich um diese P, aber wenn die Maus über diese Div schwebt, erzeugt es Maus-Out-Effekt

Question

Dies ist, was mein Code tut: Wenn #placebookmark die Klasse hat. Place, wenn ich dann über Absätze schwebe, verblasst er in #Bookmarkthis. #Bookmarkthis ist nur ein DIV mit den Wörtern "Lesezeichen that" darin, dieses Div ist an die Seite beigefügt, wenn die Seite geladen wird, und ist über den Absatz zentriert, der schwebend ist, und verblasst dann mit Maus aus.

Mein Problem/meine Frage: Wenn ich den Absatz bewahre, verblasst er in diesem Absatz und ist zentriert, aber wenn meine Maus über #Bookmarkthis (das ist das Div, in das verblasst) bewegt, dann verblasst es heraus, wie ich es ausmacht des Absatzes. Wie verhalte ich #Bookmarkthis davon ab, meinen Absatz -Schweber durcheinander zu bringen?

HINWEIS: #BookmarkThis ist auf Seitenladung an den Körper angehängt (es ist kein Kind von P) und dann relativ zu dem Paoper -P positioniert.

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

Sie können das Lesezeichen in diesem Schaltfläche an den Absatz anhängen und ihn dann entfernen, sobald Sie aus dem Absatz schweben.