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>

기본 버튼 유형은 제출이며 페이지가 새로 고침됩니다. 그리고 Rick이 언급했듯이 ASP 버튼도 제출할 것입니다. 따라서 HTML 버튼을 사용하고 type="button" 속성을 설정해야합니다. MDN

버튼의 유형과

. 가능한 값은 다음과 같습니다.

submit : 단추가 양식 데이터를 서버에 제출합니다. 속성이 d로 지정되지 않았거나 속성이 비어 있거나 유효하지 않은 값으로 동적으로 변경되는 경우 이것이 기본값입니다.

재설정 : 버튼이 모든 컨트롤을 초기 값으로 재설정합니다.

단추 : 단추에는 기본 동작이 없습니다. 이벤트가 발생할 때 이 트리거되는 요소의 이벤트와 연관된 클라이언트 측 스크립트를 가질 수 있습니다.

출처

2016-06-09 14:22:48 Matt

매트 감사합니다. – user3669167

runat = "server"인 ASP 단추는 서버 포스트 백을 발생시킵니다. 서버에서 해당 클릭에 작용하지 않을 경우, 단지 같은 클라이언트 사이드 버튼 사용 버튼에 정적으로 클라이언트 ID 모드를 설정

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

출처

2016-06-09 14:48:29 Rick

어떻게 작동하는지 이해하기 위해 도움을 주셔서 감사합니다. – user3669167

를, 그것은 일 것입니다. 그 이름이 지정되지 않았기 때문에 작동하지 않습니다.

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

당신은 단순히 그럼 그냥 클라이언트 사이드 버튼을 사용하여, 아무것도 처리하지 않고 뭔가를 숨길 수있는 포스트 백을 사용하지 않도록하고 싶었다면이 최선의 방법입니다.

출처

2016-06-09 16:45:23 prospector

webform의 버튼에 숨김 이벤트를 추가하는 방법은 무엇입니까?

답변

관련 문제