Как я могу сохранить DIV мыши на видном месте через JQuery? - PullRequest
Новая
       17

Как я могу сохранить DIV мыши на видном месте через JQuery?

1 голос
/ 19 мая 2011

Хорошо .. немного сложнее вопроса.У меня есть DIV, который появляется, когда вы наводите курсор мыши на TR. 

$(".alignment_tr").hover( function() {
    console.log( "alignmententer" + triggerMouseover );
        var tid = $(this).find( ".hidden_inp_selected_alignment" ).val();
        var element = $(this);

        if( ! element.hasClass( "mouseover-tooltip" ) )
        {
            $.ajax( {
                url: Drupal.settings.jstools.basePath + "?q=search/mouseover_info",
                dataType: 'json',
                data: { "tid": tid },
                success: function( response ) {
                        $(".mouseover-tooltip .top-level").html( response.genre );
                        $(".mouseover-tooltip .second-level").html( response.name );
                        $(".mouseover-tooltip .description").html( response.description );
                        $(".mouseover-tooltip").css( {
                            left: element.position().left + ( element.width() * 0.75 ),
                            top: element.position().top - element.height() / 2,
                        } );
                        if( $(".mouseover-tooltip").css( "display" ) == "none" )
                        {
                            $(".mouseover-tooltip").fadeIn();
                        }
                    }
                });
        }
    },
    function() {
    console.log( "alignmentleave" + triggerMouseover );
        setTimeout( fadeMouseover, 5000 );
    }
);

Я пытаюсь получить его, чтобы при наведении курсора на DIV он не просто исчезал.Любые советы?

Уточнение Прямо сейчас, когда вы наводите курсор мыши на TD, появляется DIV.Я сделал так, чтобы при наведении мыши на DIV он оставался (раньше исчезал).Но теперь DIV не исчезает, когда ваша мышь покидает TR и покидает DIV.

1 Ответ

2 голосов
/ 19 мая 2011

Если div абсолютно позиционирован, как я полагаю, поместите его в tr.Таким образом, ваша мышь, находящаяся над div, также будет считаться за td.Таким образом, ваша мышь, находящаяся над div или tr, не сработает mouseleave.

Скрипка:

http://jsfiddle.net/mHCNj/1/

...