Jquery 显示/隐藏功能的问题会以某种方式刷新页面

Jquery 显示/隐藏功能的问题会以某种方式刷新页面,jquery,Jquery,我可以成功地显示我要显示和隐藏的div,但它一显示就会消失。页面似乎因为某种原因而刷新 下面是示例代码。当我单击div时,它不应该消失 $(文档).ready(函数(){ $(“#c#U按钮”)。单击(函数(){ $(“#c#u show”).show(); }); $(“#b#u按钮”)。单击(函数(){ $(“b#u show”).show(); }); $(“#s#U按钮”)。单击(函数(){ $(“#s#u show”).show(); }); }); 顾客 分支机构 供应商 客户:

我可以成功地显示我要显示和隐藏的div,但它一显示就会消失。页面似乎因为某种原因而刷新

下面是示例代码。当我单击div时,它不应该消失

$(文档).ready(函数(){
$(“#c#U按钮”)。单击(函数(){
$(“#c#u show”).show();
});
$(“#b#u按钮”)。单击(函数(){
$(“b#u show”).show();
});
$(“#s#U按钮”)。单击(函数(){
$(“#s#u show”).show();
});
});

顾客
分支机构
供应商
客户:
分支机构:
供应商:

根据您在问题下的评论

HTML在表单中

这就是问题所在。默认情况下,所有
按钮
元素都属于
type=“submit”
,因此当单击它们时,它们将提交父
表单
元素。要停止此操作,请更改为
type=“button”

客户
分支机构
供应商

根据您在问题下的评论

HTML在表单中

这就是问题所在。默认情况下,所有
按钮
元素都属于
type=“submit”
,因此当单击它们时,它们将提交父
表单
元素。要停止此操作,请更改为
type=“button”

客户
分支机构
供应商

首先,尝试在代码末尾调用jquery

// call here 
</body>
//在这里调用

首先,尝试在代码末尾调用jquery

// call here 
</body>
//在这里调用

是在
表单
元素中显示的HTML吗?还请注意,示例中没有
#s#u show
元素。我想上次复制的
#c#u show
应该有这个id,但是有个拼写错误。别担心,我只是忘了写@Rory McCrossan,是的,它在一个表单中,代码对我来说运行良好,除了上面提到的打字错误。注意:它在一个@Natsuozawa表单中,这就是问题所在。我在下面为您添加了一个解决方案。您显示的HTML是否在
表单
元素中?还请注意,示例中没有
#s#u show
元素。我想上次复制的
#c#u show
应该有这个id,但是有个拼写错误。别担心,我只是忘了写@Rory McCrossan,是的,它在一个表单中,代码对我来说运行良好,除了上面提到的打字错误。注意:它在一个@Natsuozawa表单中,这就是问题所在。我在下面为您添加了一个解决方案。这不会以任何方式解决问题。这不会以任何方式解决问题。