使用javascript和php将图像移动到另一个地方时单击它？

Question

所以我有一个带有图像的PHP页面。当点击每个图像时，我希望每个图像在页面上移动然后隐藏。

<div class="lagoon">    
<img src="images/lagoon.jpg" alt="lagoon" id="LL"/>
<p class="text">Lagoon</p>
</div>

这是我的一张图片的代码。我现在需要进入Javascript并在点击它时移动它。

$ ("LL").click(function (){
$ ("div").animate ({left:'250px'});
});

我已经尝试了这个，除了许多其他方面，请帮助。

Answer 1

您的CSS选择器不正确。使用＃来定位元素的id。

$("#LL").click(function (){
  $("div").animate({left:'250px'});
});