Autor Zpráva
badyto
Profil *
Mám taký problém, snažím sa spraviť v jQuery niečo ako super jednoduchý tooltip. Po nabehnutí na linku sa zobrazí jeho title. Problém je ale v tom že mi tento title stále bliká :( Neviete niekto poradiť ako to fixnúť?

Moj kód:
    $tooltipID='tooltip';
    
    var tooltip=$('<div id="'+$tooltipID+'"/>').css({position:'absolute',background:'rgba(255,255,255,0.6)',border:'1px solid #000'}).hide();
    $('body').append(tooltip);
    
    $('a').hover(
        function(e){
            var leftVal = e.pageX+'px';
            var topVal = e.pageY+'px';
            $("#"+$tooltipID).css({left:leftVal,top:topVal});
            $("#"+$tooltipID).fadeIn().text($(this).attr('title'));
        },
        function(){
            $("#"+$tooltipID).fadeOut();
        });

Moderátor Chamurappi: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
whysper93
Profil
Ahoj, důvod proč ti to bliká je ten, že máš v callback funkci vloženo schování (fadeOut) elementu. Takže jak se vykoná vše co máš napsáno ve funkci pro hover, tak se vykoná callback fce (mám na mysli řádky 13 a 14. Tu callback funkci vymaž a podobným způsobem, jako jsi udělal událost hover, tak udělej událost "mouseout" (myslím že to je ono)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: