Jquery: при наведении курсора на P, DIV исчезает по центру над P, но когда курсор мыши находится над этим DIV, это создает эффект отключения - PullRequest
Новая
       27

Jquery: при наведении курсора на P, DIV исчезает по центру над P, но когда курсор мыши находится над этим DIV, это создает эффект отключения

0 голосов
/ 28 января 2011

Это то, что делает мой код: если #placeBookmark имеет класс .placing, то, когда я наводю курсор мыши на абзацы, он исчезает в #bookmarkThis.#bookmarkЭто просто div с надписью «добавить в закладки», этот div добавляется к странице при загрузке страницы и центрируется по перемещаемому абзацу, затем исчезает при наведении мыши.

Моя проблема / вопрос: при наведении курсора на этот абзац, он исчезает в этом абзаце и центрируется, но когда моя мышь перемещается над #bookmarkThis (т. Е. Div, который исчезает), он исчезает, как будто я нахожусьот абзаца.Как сохранить #bookmarkThis, чтобы не испортить мой указатель параграфа?

Примечание: #bookmarkЭто добавляется к телу при загрузке страницы (это не дочерний элемент P), затем позиционируется относительно зависания P.

enter image description here

$('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)

});

1 Ответ

1 голос
/ 28 января 2011

Вы можете добавить закладку для этой кнопки в абзац, а затем удалить ее, как только вы наведите курсор мыши на абзац.

...