jquery在一个简单的函数后自行重新加载我的页面，任何想法为什么？

Question

有一个简单的网站，用html。我做了一个简单的功能，将用户点击的图像移动到另一个div;

function setimage(){
 $(".moving_img").click(function(){
  $('#target').after( $(this));
 });
}

但是，在移动图像之后（还添加了背景更改为黄色只是为了确认它有效），我的页面突然重新加载，控制台不会显示任何错误，我不知道是什么原因导致重新加载...任何想法为什么？没有ajax或任何服务器端代码或我使用的任何复杂的插件（我创建了我使用的所有东西，我不是专业人士）

Answer 1

function setimage(){
 $(".moving_img").click(function(){
  $('#target').after( $(this));
  return false; // add return false to prevent this.
 });
}

或使用event.stopPropagation()

function setimage(){
 $(".moving_img").click(function(e){
  e.stopPropagation();
  $('#target').after( $(this));
 });
}