jquery'；显示'；似乎在加载内容时恢复

我有一个jquery“show”方法，我在网页上使用它，当单击按钮时，在div中显示大量隐藏数据，比如

$(document).ready(function(){
    $("button#show").click(function(){
    $("div.show").show();    
    });
 }); 

我以前用过这个，没有问题。在这种情况下，当我单击按钮时，文本显示出来，但页面进入加载状态。一旦完成，文本就会再次消失。无论我使用“show”还是“toggle”，这似乎都会发生。以前有没有人遇到过这种行为？我不确定这是我代码中的其他地方的问题（我正在使用php为div生成内容）还是jquery的一些问题

[编辑]这是按钮的html

<br/><button id='toggle'>Show all</button>
<div>All the content goes here</div>

全部显示
所有内容都在这里

这个按钮听起来像是一个提交按钮（请注意，如果您没有

类型=

，它就是一个提交按钮）。您需要阻止默认操作（即提交表单）。但是请注意，阻止按钮本身的默认设置可能不足以跨浏览器，您可能需要在表单上使用

submit

处理程序并取消其中的内容

类似地，如果“按钮”实际上是一个链接，样式类似于一个按钮，那么您需要防止默认设置（即跟随链接）

在jQuery事件处理程序中，您可以通过接受传递给您的

event

参数并调用其

preventDefault

方法来防止默认值：

$(document).ready(function(){
    $("button#show").click(function(event){
        event.preventDefault();
        $("div.show").show();    
    });
});

---

…或者从处理程序中执行

返回false

，这将阻止默认值并停止传播（冒泡）。

我在这里发现了问题，只是将其作为一个答案，以防对其他人有所帮助。我的其他一些代码阻止了end

标记的显示，这意味着页面被解释为

属于表单。我认为浏览器按照TJ的建议将其视为一个新的提交按钮，尽管它没有这样编码，因此重新提交了表单

您能显示按钮及其周围环境的HTML吗？我怀疑这是相关的。不，我用的是一个实际的按钮标签。我刚刚做了一些测试，页面上有一个提交按钮。我想知道当我点击“显示”按钮时，提交按钮是否也在运行。只是一个想法。@whiterainbow:您的代码正在寻找ID为show的

按钮
；您的标记显示了一个ID为
切换的
按钮
。很抱歉，这只是我混淆了我的元代码。实际代码是正确的。@whiterainbow:我想知道
返回false
是否解决了问题，即使它只是一个
按钮。听起来按钮可能在某个链接内（我想是无意中），因此单击会弹出链接的气泡。@whiterainbow:注意，
submit
是
按钮的默认类型
：因此，由于您没有指定
类型
，因此类型为
submit
。因此，如果该按钮在表单中，它将提交表单。LOL，我刚刚编辑了我的答案：
按钮
被编码为提交按钮——因为这是
按钮
上的
类型
的默认值，如果您不提供它的话。