2013-01-01 3 views
1

나는 PageSlide 플러그인을 사용하고 있습니다. div # 모달, ASP 레이블 및 버튼에 양식을 추가했습니다. 그러나 버튼은 클릭시 다시 게시 이벤트를 발생시키지 않습니다.pageslide plugin이 (가) 다시 게시를 시도하지 않습니다.

HTML :

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head runat="server"> 
<title></title> 
<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script> 
<link href="css/jquery.pageslide.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<form id="form1" runat="server"> 
<script src="js/jquery.pageslide.min.js" type="text/javascript"></script>  
<a href="#modal" class="second">Show</a> 
<div id="modal" style="display: none">   
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br /> 
    <asp:Button ID="Button1" runat="server" Text="Submit" OnClick="Button1_Click"/> 
</div> 
<p><a href="javascript:$.pageslide.close()">Close</a></p> 
<script> 
    $(".second").pageslide({ direction: "left", modal: true }); 
</script> 
</form> 

코드 숨김

protected void Button1_Click(object sender, EventArgs e) 
{ 
    Label1.Text = "Its Working"; 
} 

사람이 뭐가 잘못 말해 주시겠습니까? 미리 감사드립니다. :)

+0

HTML 코드 파일에 연결되어 있지 않은 것 같습니다. 그것은 정적 HTML 페이지처럼 보입니다. – ronen

답변

1

내 의견으로는,이 문제는 플러그인 복제 모달 div와 복제 된 콘텐츠를 사용하여 모달 팝업을 표시하기 때문에 발생합니다. 따라서 Button1은 더 이상 양식에 배치되지 않으며 클릭시 포스트 백이 발생하지 않습니다. UseSubmitBehavior="false" 단추의 속성을 설정하십시오. 이 방법은 포스트 백이 defaulr 대신 자바 스크립트를 통해 실행되어야합니다. 제출 버튼의 동작

+0

고마워, 지금은 작동하지만, UpdatePanel 내부에 레이블과 버튼을 추가하면 작동하지 않습니다. 모든 포인터 ?? – Fahad

+0

@ Fahad, UpdatePanel에만 레이블을 넣고 AsyncPostNackTrigger –

+0

이 올바르게 작동하지 않는 것처럼 단추를 등록하려고합니다. (레이블의 값은 단추를 클릭 할 때 변경되지 않지만 단추를 클릭 한 후에는 변경됩니다. 숨기기 및 다시 Pagelide 창을 표시, 레이블의 값을 변경 .. 나는 플러그인 코드를 자세히 봐야 할 것 같아요 .. – Fahad

관련 문제