jquery - 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

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