Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery:当鼠标悬停在P上时,div会以P为中心淡入,但当鼠标悬停在该div上时,它会创建鼠标移出效果_Jquery_Hover_Mouseover_Mouseout - Fatal编程技术网

Jquery:当鼠标悬停在P上时,div会以P为中心淡入,但当鼠标悬停在该div上时,它会创建鼠标移出效果

Jquery:当鼠标悬停在P上时,div会以P为中心淡入,但当鼠标悬停在该div上时,它会创建鼠标移出效果,jquery,hover,mouseover,mouseout,Jquery,Hover,Mouseover,Mouseout,我的代码就是这样做的:如果#placeBookmark具有class.placeing,那么当我将鼠标悬停在段落上时,它会在#bookmark This中消失#书签这只是一个带有“bookmark this”字样的div,当页面加载时,该div会附加到页面上,并在悬停的段落上居中,然后在鼠标退出时淡出 我的问题:当我将鼠标悬停在段落上时,它会淡入该段落并居中,但当我的鼠标移到#bookmark this(淡入的Div)上时,它会淡出,就像我将鼠标移离该段落一样。我该如何避免把我的段落悬停弄得一团

我的代码就是这样做的:如果#placeBookmark具有class.placeing,那么当我将鼠标悬停在段落上时,它会在#bookmark This中消失#书签这只是一个带有“bookmark this”字样的div,当页面加载时,该div会附加到页面上,并在悬停的段落上居中,然后在鼠标退出时淡出

我的问题:当我将鼠标悬停在段落上时,它会淡入该段落并居中,但当我的鼠标移到#bookmark this(淡入的Div)上时,它会淡出,就像我将鼠标移离该段落一样。我该如何避免把我的段落悬停弄得一团糟

注意:#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)

});


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

您可以将此按钮的书签附加到段落中