如何將隱藏事件添加到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中的按鈕？

回答

相關問題