没做过太多jquery,遇到了问题。我想为所有具有 .social-tile 类的 div 绑定悬停事件。我这样做:
$(function(){
var social_default = $('.social-tile').css('margin-right');
$('.social-tile').each(function(){
$(this).hover(function(){
$(this).animate({
'margin-right': '0px'
},500);
},function(){
$(this).animate({
'margin-right': social_default
},500);
});
});
});
当我将鼠标悬停在一个元素上时,所有 div 的动画都会被触发,并且它们会同时移动。我只想为我悬停的特定元素设置动画。
也许这里有一个非常简单的修复方法,
谢谢。
试试这个,抱歉 - 工作演示在这里:http://jsfiddle.net/8vFAD/1/ http://jsfiddle.net/8vFAD/
$('.social-tile').live('mouseover', function(){
$(this).animate({ 'margin-left': '15px'} ,500).animate({ 'margin-left': '30px'} ,500);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)