1

我可以使用 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>&nbsp; </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>
4

3 回答 3

4

你的代码工作得很好，也许你说的是toggle这里你去：Demo

我刚.show()变成.toggle()

$(document).ready(function()
{
    $("#button").click(function()
    {
        $("#table").toggle();
    });
});

更新： 问题是您type="submit"在按钮上使用导致表单提交...将其更改为type="button"

另一种方式（保持在type="submit"那里）：

$(document).ready(function()
{
    $("#table").hide();
    $("#button").click(function()
    {
        $("#table").show();
        return false;           
    });

});

我添加return false;以防止按钮默认操作。

于 2012-09-09T19:13:41.530 回答
1 
$(document).ready(function()
{
    $("#button").click(function()
    {
        $("#table:hidden").show();
        $("#table:visible").hide();
    });
});

或者：

$(document).ready(function()
{
    $("#button").click(function()
    {
        $("#table").toggle();
    });
});

编辑如您的评论中所述：

$(document).ready(function()
{
    $("#button").click(function()
    {
        $("#table").show();
        setTimeout(function()
        {
            $("#table").hide();
        }, 2000);
    });
});

该表将出现 2000 毫秒（2 秒），然后隐藏。

于 2012-09-09T19:13:23.253 回答
0

只需在此处使用这些 if 语句。

0"> 然后你的表格标签到这里。我们可以使用上面的 javascript，但是，如果提交按钮有一些动作要做它不知道要调用哪个动作..隐藏表格或执行后面给出的任务提交按钮。所以使用上面的 if 语句。它对我来说就像一个魅力！:)

于 2016-06-27T05:01:40.030 回答