Question

我在使用带有ASP.NET WebForm的Colorbox时遇到问题。我想做的是：

用户点击一个链接，然后弹出颜色框
在内部颜色框中，用户在文本框中输入术语并单击“提交按钮”
在提交时，页面会点击数据库，然后显示结果（仍然在颜色框内）

现在，我有步骤＃1＆amp; ＃2工作，但＃3不工作。如果单击“提交”按钮，浏览器将导航到颜色框（FAQ.aspx）中加载的页面。

Test.aspx文件

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Test Page</title>
<link href="css/colorbox.css" rel="stylesheet" />
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery.colorbox.js"></script>
</head>
<body>
   <form id="form1" runat="server">
   <div>
     <a class="cbox">FAQs</a>
   </div>
   </form>
   <script>
      $(document).ready(function () {
        var colorbox = $("#colorbox");
        $('form#Form1').prepend(colorbox);
      });
      $('a.cbox').colorbox({ href: "FAQ.aspx" });
    </script>
</body>
</html>

FAQ.aspx

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title>Frequently Asked Questions</title>
</head>
<body>
  <form id="form1" runat="server">
  <div>
    Search: <asp:TextBox runat="server" ID="txtSearch" /> <asp:Button runat="server" ID="btnSubmitSearch" Text="Submit" OnClick="btnSubmitSearch_Click"/>
    <br />
    <asp:scriptmanager ID="Scriptmanager1" runat="server"></asp:scriptmanager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:Literal ID="litOutput" runat="server" />
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnSubmitSearch" EventName="Click" />
        </Triggers>
    </asp:UpdatePanel>
    <br />
  </div>
  </form>
</body>
</html>

任何人都可以帮我弄清楚我做错了吗？

Answer 1

您必须在iframe中加载颜色框内容：

$('a.cbox').colorbox({ href: "FAQ.aspx", iframe: true, width: 456, height: 100 });

Colorbox + ASP.NET WebForm提交按钮

1 个答案: