Jquery：当鼠标悬停在 P 上时，div 会淡入该 P 上的中心，但是当鼠标悬停在该 div 上时，会产生鼠标移出效果

Question

这就是我的代码所做的：如果 #placeBookmark 具有 .placing 类，那么当我将鼠标悬停在段落上时，它会在 #bookmarkThis 中淡出。 #bookmarkThis 只是一个带有“书签”字样的 div，该 div 在页面加载时附加到页面，并位于悬停的段落的中心，然后在鼠标移开时淡出。

我的问题/问题：当我悬停该段落时，它会淡入该段落并居中，但是当我的鼠标移到#bookmarkThis（这是淡入的 Div）上时，它就会淡出，就像我将鼠标移开一样该段落的。如何防止 #bookmarkThis 弄乱我的段落悬停？

注意：#bookmarkThis 会在页面加载时附加到正文（它不是 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)

});

Answer 1

您可以将此按钮附加到段落中，然后在将鼠标悬停在段落之外时将其删除。