0

これが私のコードの機能です。＃placeBookmarkにクラス.placingがある場合、段落にカーソルを合わせると、＃bookmarkThisでフェードインします。#bookmarkThisは、「bookmark this」という単語が含まれる単なる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)

});
4

1 に答える 1

1

このボタンのブックマークを段落に追加し、段落の外に移動したら削除できます。

于 2011-01-28T10:34:38.647 に答える