Arrêt du rechargement de page

Question

J'utilise jquery Tools pour superposer une table. Cela fonctionne bien sauf quand je clique sur le bouton de fermeture, il recharge la page. Quelqu'un peut-il me dire pourquoi cette page est rechargée? Je veux l'arrêter. Voici le code réel

jQuery code:

<script src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("img[rel]").overlay()}); 
</script> 

Code HTML:

<div class="simple_overlay" id="plusi" style="top:400.8px;overflow:visible;display:none;" > 
/* image is clicked with id = plusi*/ 
<div class="heading_img1">Discuss Any Diet</div> 
<table width="1100" border="0" cellspacing="12" cellpadding="0" class="table"> 
<tr> 
<td> 3 Day Diet </td> 
<td> 3 Hour Diet </td> 
<td> 7 Day Diet </td></tr></table> 
<p><button class="close">X</button></p> 
</div> 

Code CSS:

.simple_overlay { 
z-index:10000; 
background-color:white; 
width:1100px; 
min-height:200px; 
border:1px solid ##2FBDF0; 
-moz-border-radius:10px 10px 10px 10px; 
-moz-box-shadow:0 0 90px 5px #000; 
-webkit-box-shadow: 0 0 90px #000; 
} 

.simple_overlay .close { 
background-image:white; 
position:absolute; 
right:-15px; 
top:-15px; 
cursor:pointer; 
height:35px; 
width:35px; 
} 

Answer 1

Essayez d'ajouter type="button" à l'élément <button>. Le comportement normal d'un <button> est d'agir comme un bouton de soumission, donc je suppose que cela déclenche une soumission de formulaire (à la page en cours).