如何将隐藏事件添加到webform中的按钮？

我尝试通过点击按钮来隐藏DIV，但它隐藏它的第二个和返回股利（看起来清爽的页面）。这里是我的html代码：如何将隐藏事件添加到webform中的按钮？

<div id="page"> 
<p>First Paragraph</p> 
<p>Second Paragraph</p> 
<p>Yet one more Paragraph</p> 
<asp:Button ID="Button1" runat="server" Text="Button" /> 
</div>

这里是我的jQuery代码：

$(document).ready(function() { 
     $("#Button1").click(function() { 
      $("#page").hide(); 
     }); 
    });

来源

2016-06-09 user3669167

里克在他的答案中说，你需要添加Type="Button"到你的按钮。

<Button ID="Button1" type="button">Button</button>

默认的按钮类型是提交，这会导致页面刷新。而且，正如里克所说，ASP按钮也会提交。因此，您需要使用HTML按钮并设置type="button"属性。

从MDN

类型按钮。可能的值为：

提交：按钮将表单数据提交给服务器。 如果该属性未指定为d，或者属性被动态更改为空值或无效值，则这是默认值。

重置：该按钮将所有控件重置为其初始值。

button：该按钮没有默认行为。它可以有客户端脚本与元素的事件关联，当事件发生时触发该事件。

来源

2016-06-09 14:22:48 Matt

谢谢你，马特我会改变它。 – user3669167

带runat =“server”的ASP按钮会导致服务器回传。如果你不打算将作用于从服务器点击，只需使用像客户端按钮：

<button id="Button1" type="button">Button</button>

来源

2016-06-09 14:48:29 Rick

谢谢你的帮助，了解它是如何工作的 – user3669167

设置客户端ID模式以静态上的按钮，然后它会工作。它没有工作，因为它没有被指定，所以名称正在改变。

<asp:Button ID="Button1" ClientIDMode ="Static" runat="server" Text="Button" />

如果您想禁用回发功能来隐藏某些内容而不进行任何处理，那么只需使用客户端按钮是最佳选择。

来源

2016-06-09 16:45:23 prospector

如何将隐藏事件添加到webform中的按钮？

回答

相关问题