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