移动div与jquery

我试图移动使用动画功能的屏幕顶部的div，并在完成后带回一个回调的另一个div。两个div一起移动，我不能让他们分开移动。即使在我的功能中没有保留其他div，它仍然会同时移动。谢谢！移动div与jquery

$('#move').hover(function() { 
     $(this).animate(
     { 
      marginTop: '-500px' 
       }, 
     2000, 
     function(){ 

     } 
      ); // end animate  
     }); // end hover  



    <div id="moveup"> 
    move up 
    </div> 

    <div id="moveright"> 
move right 
    </div>

来源

2017-02-28 Craig

给我们的，你有什么迄今工作演示请。您在这个HTML中没有'＃move'元素，并且回调函数中没有任何东西。 –

它们一起移动，因为它们相对定位，所以当您设置一个负边距时，另一个跟随它。如果你想他们是独立的，从文档流中删除他们position:absolute;

$('#moveup').hover(function() { 
 
    $(this).animate({ 
 
    marginTop: '-20px' 
 
    },500,function(){ 
 

 
    }); // end animate  
 
}); // end hover

#moveup, #moveright { 
 
    position:absolute; 
 
} 
 
#moveup { 
 
    top:50px; 
 
} 
 
#moveright { 
 
    top:100px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="moveup">move up</div> 
 

 
<div id="moveright">move right</div>

来源

2017-02-28 19:00:03 APAD1

完美！工作！谢谢！ – Craig

移动div与jquery

回答

相关问题