Я использую jquery Tools для наложения таблицы. Он работает нормально, за исключением того, когда я нажимаю кнопку закрытия, он перезагружает страницу. Кто-нибудь может сказать мне, почему эта страница перезагружается? Я хочу остановить это. Вот актуальный код
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;
}