pagesslide插件不触发回发

本文关键字：插件 pagesslide | 更新日期: 2023-09-27 17:50:11

我正在使用PageSlide插件。我添加了一个表单到div#模式，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";
}
谁能告诉我出了什么事?提前感谢。:)

pagesslide插件不触发回发

在我看来，这种行为的原因是因为插件克隆模态div并使用克隆的内容来显示模态弹出。因此，Button1不再放置在表单中，也不会在点击时引起回发。尝试设置UseSubmitBehavior="false"按钮的属性。这样回发应该通过javascript触发，而不是默认的提交按钮的行为

相关文章：