JQuery弹跳是不合适的?

时间:2013-02-05 00:47:58

标签: javascript jquery html css bounce

我正在尝试在鼠标悬停时使用css“left”定位的按钮上使用jQuery UI反弹效果。它似乎有效,但是如果你在它上面来回移动几次它会移动到位并向左侧移动。我不确定为什么会这样做。这是我的代码:http://jsbin.com/afoyiz/1/edit

1 个答案:

答案 0 :(得分:1)

问题在于你的css定义

left: 20%

似乎被覆盖了。可能是bounce left: 0发布left然后未正确缓存left: 0的先前值的结果。接下来的内容是$(document).ready(function() { var lockMouseover; $("#button").mouseover(function(){ if( typeof lockMouseover == "undefined" ){ $("#button").effect( "bounce", {times:3}, 300 ); lockMouseover = setTimeout( function(){ var un; lockMouseover = un;}, 950 ); } }); 被缓存为正确的值,并且当所有内容完成时,元素将被向左侧射击。

我建议锁定此功能。这样可以防止错误,也可以防止按钮的游戏。

{{1}}

});

我在你的jsbin上测试了这个并且它有效。