停止頁面重新加載

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>的正常行爲是充當提交按鈕，所以我猜測這是觸發表單提交（到當前頁面）。