Question

我有一个简单的弹出窗口（不是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（），但没有成功。

Answer 1

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

我做了类似的解决方法。

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

这将点击默认关闭按钮，最终将关闭颜色框。

Answer 2

您可以使用：

$(window).colorbox.close();

Answer 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>

Answer 4

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

在我从叠加页面中删除了jQuery和Colorbox之后，它才起作用，因此它只被包含在内。

我使用'sushil bharwani'的想法，并执行了近距离活动。

Answer 5

也许这可以提供帮助：http://jsfiddle.net/fbenariac/4vuDC/18/（这是彩盒关闭按钮的一个简单示例）。

Answer 6

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

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

使用live将起作用

Answer 7

您是否尝试使用

$.fn.colorbox.close();

而不是

jQuery.colorbox.close();

也许，你已经这样做了：

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

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

Answer 8

我认为你在代码中遗漏或错误。否则close方法将按预期工作。你先检查一下你的按钮点击了吗？如果发生火灾，你有任何JS错误吗？

Answer 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，我在关闭彩盒时遇到了问题。它帮助了我。

关闭Colorbox

9 个答案: