1

htmlで簡単なウェブサイトを手に入れました。ユーザーがクリックした画像を別のdivに移動する簡単な関数を実行します。

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

しかし、画像を移動した後(動作を確認するために背景を黄色に変更しました)、ページが突然リロードされ、コンソールにエラーが表示されなくなり、このリロードの原因がわかりません...理由は何ですか?ajax、サーバーサイドコード、または使用した複雑なプラグインはありません(使用したものはすべて作成しましたが、プロではありません)

4

1 に答える 1

2
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));
 });
}
于 2012-06-18T01:59:54.783 に答える