Jquery：当鼠标悬停在P上时，div在该P上居中淡出，但是当鼠标悬停在该div上时，它会创建鼠标悬停效果

Question

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

我的问题/问题：当我悬停段落时，它会淡入该段落，并且居中，但当我的鼠标移动到#bookmarkThis（这是淡入淡出的Div）时，它会淡出，就像我一样该段被删掉了。我如何保持#bookmarkThis不会弄乱我的段落悬停？

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

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