我可以使用 jquery 显示带有链接标签的表格,其中包含以下代码。
$(document).ready(function()
{
$("#show").click(function()
{
$("#table").show();
});
});
但是当我想为一个按钮执行此操作时,它会显示表格一秒钟,然后它将被隐藏。这些是按钮的代码:
$(document).ready(function()
{
$("#button").click(function()
{
$("#table").show();
});
});
更新 :
$(document).ready(function()
{
$("#table").hide();
$("#button").click(function()
{
$("#table").show();
});
});
以下是代码:
<script type="text/javascript" src="jquery-1.8.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#table").hide();
$("#button").click(function()
{
$("#table").show();
});
});
</script>
</head>
<body>
<p><a href="#" id="show">Show</a> <a href="#" id="hide">Hide</a></p>
<form id="form1" name="form1" method="post" action="">
<p>
<input type="submit" name="button" id="button" value="Show" />
</p>
<p> </p>
</form>
<table width="515" border="0" class="table1" id="table">
<tr>
<td width="509" class="table1"><img src="Image/Tulips.jpg" width="400" height="400" alt="Tulips" /></td>
</tr>
</table>