javascript – 定位具有动画效果的元素(jQuery UI)

2023年1月6日 275次阅读

我想相对于另一个元素(elemB)定位一个元素(elemA).所以我使用jQuery ui position实用程序,如下所示：

 $(elemA).position({my:'right top', at:'left top', of:elemB});

但我希望通过动画效果完成定位.

我如何使用.animate()来完成我的任务？

你可以在这个fiddle中看到我到目前为止所做的事情.我希望elemA使用jQuery和jQuery ui以动画效果滑动到新位置.

最佳答案 像这样？？

<div>
    <div id="elemA"><button id="btn">click</button></div>

    <div id="elemB"></div>
</div>

$('#btn').click(function(){  
  var position = $('#elemB').offset().left-100; 
  $("#elemA").animate({'left':position},'slow');  

});​

DEMO

还检查css,我也编辑过它.

点赞