Question

我仍然很擅长使用jQuery做任何事情，但我过去很幸运能够链接到Colorbox iFrames。

现在，我正在尝试链接常用的ASP按钮以打开Colorbox窗口。我尝试过搜索，但似乎无法找到我需要的确切答案。这是我到目前为止所做的，它绝对不起作用。

 <div id="openColorbox">
        <asp:Button ID="NewRecordBTN" runat="server" Text="New Material Movement Request" onclick="NewRecordBTN_Click" />
 </div>

 <script type="text/javascript">
    $(document).ready(function () {
        $("#openColorbox").click(function(){
            $.colorbox({ 
                  iframe: true, 
                   width: "80%", 
                  height: "80%", 
              transition: "fade" }));
    });

尝试使jQuery .click（）函数观察我创建的“openColorbox”div并单击打开。我还想在过程中将iFrame指向另一个URL。

Answer 1

尝试按下按钮

处理OnClientClick事件

编辑：

这样的事情：

 <asp:Button ID="New`enter code here`RecordBTN" runat="server" Text="New Material Movement Request" onclick="NewRecordBTN_Click" OnClientClick="OpenColorBox()" />


<script type="text/javascript">
  function OpenColorBox()
  {
    $.colorbox({ iframe: true, width: "80%", height: "80%", transition: "fade" });
  }    

</script>

我不确定您是否需要服务器端事件处理？

Answer 2

我能够通过以下代码发送到jQuery Colorbox中的URL并在事务完成后重新加载父页面：

 <script type="text/javascript">
    function OpenCBox() 
    {
        $.colorbox({ href: "NewMMR.aspx", iframe: true, width: "40%", height: "70%", transition: "elastic", onClosed: function () { parent.location.reload(true); } });
    }
</script>

这将在重新加载时重新加载父页面。完成后它还会将它发送到NewMMR.aspx。

使用ASP按钮OnClick打开jQuery Colorbox

2 个答案: