JQuery: При парясь над P, Div исчезает в центре этого P, но когда мышь парит над этим DIV, он создает эффект мыши-вывода

StackOverflow https://stackoverflow.com/questions/4826709

Вопрос

Это то, что делает мой код: если #Placebookmark имеет класс. #bookmark Это просто девственник со словами «добавить это» в нем », этот Div добавляется на страницу, когда страница загружается, и сосредоточен на абзаце, который завис, а затем исчезает на мыше.

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

Примечание.

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)

});
Это было полезно?

Решение

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top