pageslide插件不会触发回发

时间:2013-01-01 14:04:24

标签: c# jquery postback

我正在使用PageSlide插件。我在div#modal,ASP标签和一个按钮中添加了一个表单。 但是,该按钮在单击时不会触发回发事件。

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";
}

任何人都可以告诉我有什么问题吗?提前致谢。 :)

1 个答案:

答案 0 :(得分:1)

在我看来,这种行为的原因是因为插件克隆模态div并使用克隆内容来显示模态弹出窗口。因此,Button1不再存在于形式中,并且不会导致点击后回发。尝试设置UseSubmitBehavior="false"按钮的属性。这样回发应该通过javascript而不是defaulr提交按钮的行为来解决