停止页面重新加载

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>的正常行为是充当提交按钮，所以我猜测这是触发表单提交（到当前页面）。