停止页面重新加载

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