jquery - jQuery - 鼠标悬停时缩放锚点

Question

谁能告诉我为什么这个不起作用？

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

动画高度和宽度工作 - 我只是想简化功能。我正在尝试在不添加它的情况下获得hoverpulse插件效果。

还有人可以确认“悬停”不适用于.live吗？

谢谢！

Answer 1

还有人可以确认“悬停”不适用于.live吗？

官方文档显示“live”不支持“hover”：

可能的事件值：click、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、keydown、keypress、keyup 当前不支持：blur、focus、mouseenter、mouseleave、change、submit

Answer 2

effect()不是一个 jQuery 函数，这可以解释为什么除非你使用一些你没有提到的插件，否则它不能工作。

为了实现悬停脉冲效果，我认为您需要更改元素的高度和宽度，还要更改它的位置，使其看起来像缩放而不是调整大小。在计算新的高度、宽度、顶部和左侧属性后（如果元素是绝对定位的），您可以animate()像这样使用：

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

hoverpluse 插件还将缩放元素的 z-index 属性更改为更高的值，以将元素置于其他元素之上。

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
}
);