12

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

4

9 回答 9

29

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

我做了一个解决方法。

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

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

于 2010-07-23T09:52:39.537 回答
13

您可以使用：

$(window).colorbox.close();
于 2010-07-23T10:37:34.883 回答
7

请试试这个。

     <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>
于 2011-12-01T00:09:07.833 回答
1

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

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

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

于 2010-07-28T10:59:16.023 回答
1

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

于 2011-05-18T07:50:57.837 回答
1 
$(".selected_color").live('click',function(){

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

使用 live 将工作

于 2013-02-12T08:45:48.687 回答
0

你试过用

$.fn.colorbox.close();

代替

jQuery.colorbox.close();

?

也许，你已经这样做了：

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

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

于 2010-07-23T10:31:11.903 回答
0

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

于 2010-07-28T11:05:10.070 回答
0

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

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

于 2013-10-28T09:10:26.840 回答