jQuery - Масштабный якорь при наведении курсора мыши

Question

Может ли кто-нибудь сказать мне, почему этот не работает?

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

высота Animate & рабочая ширина - Я просто пытаюсь упростить эту функцию. Я пытаюсь получить эффект плагина hoverpulse, не добавляя его.

Также может кто-нибудь подтвердить, что «зависание» не работает с .live?

Спасибо!

Answer 1

Также может кто-нибудь подтвердить, что «hover» не работает с .live?

official docs шоу "зависать" не поддерживается "вживую":

Возможные значения событий: нажмите, DblClick, MouseDown, MouseUp, MouseMove, Mouseover, MouseOut, KeyDown, нажатие клавиши , KeyUp в настоящее время не поддерживается : размытие, фокус, MouseEnter, MouseLeave, изменение, представить

Answer 2

effect() нет t функция jQuery, которая может объяснить, почему не работает, если вы не используете какой-либо плагин, о котором вы не упомянули.

Чтобы добиться эффекта «hoverpulse», мне кажется, вам нужно изменить высоту и ширину элемента, но также и положение, чтобы оно выглядело как масштабирование вместо изменения размера. После вычисления новой высоты, ширины верхней и левой атрибуты (если элемент абсолютно позиционирован), вы можете использовать animate() так:

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

hoverpluse плагин также изменяет атрибут Z-индекс в увеличенной элемента к более высокое значение, чтобы поместить элемент поверх других.

Answer 3

$("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 
} 
);