2009-11-04 6 views
0

Quelqu'un peut-il me dire pourquoi celui-ci ne fonctionne pas?jQuery - Ancre d'échelle sur mouseover

$(".stage a").live("mouseover", function(){ 
     $(this).effect("scale", { percent: 200 }, 200); 
}); 

Animer hauteur travail largeur & - Je suis juste essayer de simplifier la fonction. J'essaie d'obtenir l'effet de plugin hoverpulse sans l'ajouter.

Est-ce que quelqu'un peut également confirmer que "hover" ne fonctionne pas avec .live?

Merci!

Répondre

1

Aussi peut-on confirmer que "hover" ne fonctionne pas avec .live?

official docs spectacle "vol stationnaire" est pas pris en charge par "live":

valeurs d'événement possibles: cliquez, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress , keyUp Actuellement non pris en charge: flou, mise au point, mouseenter, mouseleave, changement, soumettre

+0

Par les docs, aussi, "hover" est équivalent à "mouseenter" et "mouseleave". –

1

effect() est pas Une fonction jQuery, qui peut expliquer pourquoi ne fonctionne pas, sauf si vous utilisez un plugin que vous n'avez pas mentionné.

Pour obtenir l'effet hoverpulse, je pense que vous devez modifier la hauteur et la largeur de l'élément, mais aussi sa position pour qu'il ressemble à un zoom au lieu d'un redimensionnement. Une fois que vous calculez la nouvelle hauteur, largeur, haut et attributs gauche (si l'élément est positionné en absolu), vous pouvez utiliser animate() comme ceci:

$(this).animate({width:w, height:h, top: t, left: l}, 200); 

Le plugin hoverpluse modifie également le zoomée élément l'attribut z-index une valeur plus élevée pour mettre l'élément au-dessus des autres.

+1

Il utilise probablement l'interface utilisateur jQuery – Damovisa

1
$("id_for_dom_element").hover(
function{ 
//Here comes what you wanna do when the mouse is on the element 
}, 
function(){ 
//Here comes what you wanna do when the mouse leaves the element 
} 
);