Остановить перезагрузку страницы

Question

Я использую jquery Инструменты для наложения таблицы. Он отлично работает, за исключением случаев, когда я нажимаю кнопку закрытия, он перезагружает страницу. Может ли кто-нибудь сказать мне, почему эта страница перезагружается? Я хочу остановить это. Вот фактический код

JQuery Код:

<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> 

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> 

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

Попробуйте добавить type="button" к <button> элементу. Нормальное поведение для <button> должно действовать как кнопка отправки, поэтому я предполагаю, что это вызывает отправку формы (на текущую страницу).