ボタンをクリックするとページがリロードされます

Question

多くのコンポーネントを含むWebページがあります。そこのボタンがたくさんあると私はそれらをクリックすると、彼らはページをリロード `tを私は

<div style="width:300px; height:250px; float:left; position:absolute; z-index:4"> 
    <form style="width:100%;"> 
     <fieldset style="width:250px; height:210px;"> 
     <legend><b>Authors</b></legend> 
     <div id="authors" style="width:250px; height:150px; position:absolute; overflow:scroll"> 
      <div style="white-space: nowrap;"> 
       <button class="button removeclick" style="display:block; float:left;"><img src="img/list-remove.png" alt="remove" /></button> 
       <button class="button upclick" style="display:block; float:left;"><img src="img/arrow-up.png" alt="arrow-up" /></button> 
       <button class="button downclick" style="display:block; float:left;"><img src="img/arrow-down.png" alt="arrow-down" /></button> 
       <input class="resizable" type="text" style="height:29px"/> 
      </div> 
      <div style="white-space: nowrap;"> 
       <button class="button removeclick" style="display:block; float:left;"><img src="img/list-remove.png" alt="remove" /></button> 
       <button class="button upclick" style="display:block; float:left;"><img src="img/arrow-up.png" alt="arrow-up" /></button> 
       <button class="button downclick" style="display:block; float:left;"><img src="img/arrow-down.png" alt="arrow-down" /></button> 
       <input class="resizable" type="text" style="height:29px"/> 
      </div> 
     </div> 
     <div style="position:absolute; top:180px;"><button id="add" class="button" style="display:block; float:right;"><img src="img/add_new.png" alt="add new" /> Add New</button></div> 
     </fieldset> 
    </form> 
    </div> 

ページがリロードされ、このコード内にあるボタンをクリックしたとき、私はその理由を知りません。私はこの振る舞いを必要としません。

Answer 1

変更：

<form style="width:100%;" onsubmit="return false;"> 

Answer 2

すべてのボタンは、フォームタグ内に配置する必要があります。

フォームタグ内にあるボタンをクリックすると、フォームが送信され、サーバー側に送信されます。このようにjQueryで

：あなたはページをリロードしたくない場合は

Answer 3

はあなたのJavaScriptでpreventDefault();を試してみてください、あなたがする必要がいけない場合、彼らは、form内にあるためである

$("#buttonID").click(function(e){ 

    e.preventDefault(); 

}); 

Answer 4

、形状を有するのない点がない提出

<form style="width:100%;"> 

と

除去オープニングformタグがする

</form> 

Answer 5

フォーム属性は、Enterキーを押した上でフォームを送信するの内側に、コードからの入力フィールドをフォームの属性を削除します。..

Answer 6

タグを削除します。 formと動作するはずです。