单击按钮的隐藏表

我可以使用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>

来源

2012-09-09 aliboy38

请演示，例如http://jsfiddle.net。 –

适用于我： http://jsfiddle.net/hmartiro/RMxq4/ –

发表了更多你的代码，还有一些事情是你没有给我们看的 – aquinas

你的代码工作得很好，也许你换货什么是toggle在这里你去：Demo

我只是改变.show()为.toggle()

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

UPDATE： 的problam是您在使用type="submit"在您的按钮上，导致表单被提交...更改为type="button"

另一种方式（即保持type="submit"有）：

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

});

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

来源

2012-09-09 19:13:41

只是显示一秒，那么它将被隐藏 – aliboy38

比你的代码中必须有一个problam，因为这部分是好的 - 向我们展示你的所有代码。 –

看到代码..... – aliboy38

$(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-09 19:13:23 esqew

只显示一秒就会隐藏 – aliboy38

@ aliboy38更新到规范在上面的评论 – esqew

我认为@ aliboy38描述在这个评论之上这是一个不需要的行为，而不是如何得到它。就是说：'＃按钮'是表单标签的提交。因此，“它显示一秒钟，然后再次隐藏”。因为该页面正在重新加载。 –

只需在这里使用这些if语句。

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

来源

2016-06-27 05:01:40

单击按钮的隐藏表

回答

相关问题