关闭彩盒答案

【问题标题】：Closing Colorbox关闭彩盒
【发布时间】：2010-07-23 09:31:10
【问题描述】：

我有一个简单的弹出窗口（不是 Iframe），用户可以在其中互相发送邮件。有一个发送信息的提交按钮和一个关闭覆盖的取消按钮。

我确实在关闭按钮工作时遇到了一些问题。

代码如下所示：

<asp:Button runat="server" ID="btnCancel" Text="Cancel" />

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery("#<%= btnCancel.ClientID %>").click(function () {
            jQuery.colorbox.close(); return false;
        });
    });
</script>

我已经尝试过 parent.jQuery.colorbox.close()、jQuery.fn.colorbox.close() 但没有成功。

【问题讨论】：

标签： jquery colorbox

【解决方案1】：

您的颜色框顶部是否有关闭按钮。 [关闭]。在我的应用程序中，当我想引入一个取消按钮以从 colorbox 已经提供的链接以外的链接关闭 colorbox 窗口时。

我做了一个解决方法。

jQuery('#cboxClose').click();

这将单击默认关闭按钮并最终关闭颜色框。

【讨论】：

我在底部确实有一个 ID 为“cboxClose”的关闭框，我喜欢这个想法，但它不起作用。
你能告诉我你到底做了什么吗？我一直在关闭这个颜色框已经有一段时间了。并且已经广泛使用它，您可以显示一些代码。
我替换了 'jQuery.colorbox.close();' with 'jQuery('#cboxClose').click();'

【解决方案2】：

你可以使用：

$(window).colorbox.close();

【讨论】：

更短：$().colorbox.close();.
^不需要的括号：$.colorbox.close();

【解决方案3】：

请试试这个。

     <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        /* Automatically resize to content */
        var y = $(document.body).height();
        var x = $(document).width();
        parent.$.colorbox.resize({innerWidth:x, innerHeight:y});

        $("#button_cancel").click(function() {
            parent.$.colorbox.close();
            return false;
        })
    });

用于 iframe html 页面上的按钮。

  <button id="button_cancel" type="button">cancel</button>

【讨论】：

【解决方案4】：

我发现我添加了 jQuery 和 colorbox 两次，因为它在框架和调用 colorbox 的页面上都加载了。

在我从覆盖页面中删除 jQuery 和 Colorbox 后它才起作用，所以它才被包含在内。

我使用了“sushil bharwani”的想法，并执行了关闭事件。

【讨论】：

是的，接受@sushil bharwani 的回答。他们付出了一些努力并为您提供了答案。

【解决方案5】：

也许这会有所帮助：http://jsfiddle.net/fbenariac/4vuDC/18/（这是一个简单的颜色框关闭按钮示例）。

【讨论】：

【解决方案6】：

$(".selected_color").live('click',function(){

  $(window).colorbox.close();
});

使用 live 就可以了

【讨论】：

【解决方案7】：

你试过了吗

$.fn.colorbox.close();

而不是

jQuery.colorbox.close();

?

也许，你已经这样做了：

 $("#cboxClose").click(function(){
      $.fn.colorbox.close();});

关闭颜色框一定没有问题。实际上，我在应用程序中也有一个颜色框，带有一个取消按钮和一个看起来像图像的关闭按钮。完全没有问题。

【讨论】：

【解决方案8】：

我认为您在代码中遗漏或错误的小东西。否则 close 方法将按预期工作。您是否首先检查您的按钮是否点击触发？如果火了，你有没有 JS 错误？

【讨论】：

【解决方案9】：

这可能对某人有所帮助。我创建了一个自定义关闭按钮。我的自定义关闭按钮位于右上角，也可以关闭。我的代码：

        jQuery(document).ready(function(){
        jQuery('<div id="close" style="cursor: pointer; position: absolute; top: 0; right: 30px;"><img src="../img/close.png" alt="close"/></div>').appendTo('.yourparentDiv');

        $("#close").click(function() {
            jQuery('#cboxClose').click();
        });
    });

感谢@sushil bharwani，我在关闭彩盒时遇到了问题。它帮助了我。

【讨论】：