| 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
 ). |
||
|
Časová prodleva: 3 dny
|
|||
| whysper93 Profil |
#2 · Zasláno: 25. 2. 2011, 22:59:43
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)
|
||
|
Časová prodleva: 13 let
|
|||
0