href jQuery Colorbox问题答案

【问题标题】：href jQuery Colorbox issuehref jQuery Colorbox问题
【发布时间】：2012-06-14 14:48:22
【问题描述】：

我正在尝试让 ColorBox iFrame 窗口从页面中弹出。我成功地将它从页面中弹出，但它几乎立即消失了。我无法让它在我的一生中停留在页面上，更不用说在窗口关闭之前在窗口中加载任何内容了。

这是我所拥有的：

 <script type="text/javascript">
    function OpenCBox() 
    {
        $.colorbox({href:"http://www.cnn.com", iframe: true, width: "80%", height: "80%", transition: "elastic"});
    }
</script>

这是我的 JavaScript 函数，它调用执行操作的 OpenCBox()。

这将弹出窗口大约 0.2 秒，然后立即消失。不明白发生了什么。

 <asp:Button ID="NewRecordBTN" runat="server" Text="New Material Movement Request" 
        OnClientClick="OpenCBox()" />

无法弄清楚这一点，我快把自己逼疯了。任何帮助都会很棒！

谢谢。

【问题讨论】：

点击按钮是否有可能触发 ajax 回发并替换颜色框的 HTML？试试这个代码，看看盒子是否持续：<a href="#" onclick="OpenCBox(); return false;">Test CBox</a>。如果可行，那么很可能正在发生回发。
同意克兰克林。尝试改用普通的 HTML 按钮。
非常感谢！那个普通的 HTML 按钮完美无缺。太奇怪了，它的行为是这样的。现在我想起来了，当颜色框加载并切断它时，它肯定看起来正在发生回发。
@se_brandon - 您能否发布您的解决方案作为答案并接受它，以便未来有相同问题的用户可以快速找到答案？

标签： javascript jquery asp.net colorbox href

【解决方案1】：

我采用了上述解决方案，即在其中添加纯 HTML 按钮而不是 ASP.NET 按钮，因为正在触发自动回发。

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

此功能将带我到 ColorBox 窗口中的“NewMMR.aspx”。

我没有使用上面的 asp:button，而是使用了以下内容：

 <input id="NewRecordBTN" type="button" onclick="OpenCBox()"
value="New Material Move Request" />

这解决了问题，因为普通的 HTML 按钮不会导致自动回发。希望有一天这可以帮助其他人。

【讨论】：