blocks|key|779766|text|我发现我添加了两次jQuery和colorbox，因为它同时加载到框架和调用colorbox的页面上。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|779767|在我将jQuery和Colorbox从overlay页面中移除后，它就可以工作了，所以它只包含在其中。|779768|我使用了'sushil+bharwani‘的想法，并执行了close事件。|779769|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

I found out that I was adding jQuery and colorbox twice, since it was loaded both in the frame and the on the page calling colorbox.

It worked after I removed jQuery and Colorbox from the overlay page, so it only got included.

I used 'sushil bharwani' idea, and executed the close event.

blocks|key|777135|text|你的颜色盒顶部有关闭按钮吗？关。在我的应用程序中，当我想要引入一个cancel按钮来关闭colorbox窗口时，这个链接不是由colorbox提供的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|777136|我做了一个变通办法，比如。|777137|jQuery('#cboxClose').click();|code-block|syntax|javascript|777138|这将单击默认的关闭按钮，并最终关闭颜色盒。|777139|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Does your colorbox have a close button at the top. [close]. In my application when i want to introduce a cancel button to close the colorbox window from a link other than already provided by colorbox.

I do a workaround like.

<pre><code>jQuery('#cboxClose').click();
</code></pre>

this will click the default close button and will eventually close the colorbox.

blocks|key|779726|text|您可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|779727|$(window).colorbox.close();|code-block|syntax|javascript|779728|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can use:

<pre><code>$(window).colorbox.close();
</code></pre>

blocks|key|2522430|text|请试一下这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2522431|+++++<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;
++++++++})
++++});|code-block|syntax|javascript|2522432|用于iframe+html页面上的按钮。|2522433|++<button+id="button_cancel"+type="button">cancel</button>|2522434|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Please try this. 

<pre><code> &lt;script type="text/javascript" charset="utf-8"&gt;
 $(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;
 })
 });
</code></pre>

For button on your iframe html page.

<pre><code> &lt;button id="button_cancel" type="button"&gt;cancel&lt;/button&gt;
</code></pre>

blocks|key|1522572|text|这可能会有所帮助：http://jsfiddle.net/fbenariac/4vuDC/18/+(这是一个关于colorbox+close按钮的简单示例)。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1522573|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/fbenariac/4vuDC/18/^0|9|13|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Perhaps this can help: <a href="http://jsfiddle.net/fbenariac/4vuDC/18/" rel="nofollow">http://jsfiddle.net/fbenariac/4vuDC/18/</a> (It's a simple example for a colorbox close button).

blocks|key|3930770|text|$(".selected_color").live('click',function(){

++$(window).colorbox.close();
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3930771|使用live将会起作用|unstyled|3930772|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$(".selected_color").live('click',function(){

 $(window).colorbox.close();
});
</code></pre>

Using live will work

blocks|key|1522495|text|你有没有试着用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1522496|$.fn.colorbox.close();+|code-block|syntax|javascript|1522497|而不是|1522498|jQuery.colorbox.close();|1522499|1522500|也许，你已经这样做了：|1522501|+$("#cboxClose").click(function(){
++++++$.fn.colorbox.close();});|1522502|关闭颜色盒时一定不会有问题。实际上，我在一个应用程序中也有一个颜色盒，它有一个取消按钮和一个看起来像图像的关闭按钮。这完全没有问题。|1522503|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|V|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|Y|8|@]|9|@]|A|$]]|$1|N|3|O|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|P|3|Q|5|6|7|10|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|S|$]]

Did you try to use

<pre><code>$.fn.colorbox.close(); 
</code></pre>

instead of

<pre><code>jQuery.colorbox.close();
</code></pre>

?

Maybe, you already did this:

<pre><code> $("#cboxClose").click(function(){
 $.fn.colorbox.close();});
</code></pre>

You must not have the problem on closing the colorbox. Actually, I also have a colorbox in an app with a cancel button and that close button which looks like an image. There's no problem at all.

blocks|key|777186|text|我认为你在代码中遗漏或错误了一些小东西。否则，close方法将按预期工作。你有没有先检查一下你的按钮是不是按了火？如果着火了，你有没有JS错误？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|777187|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I think you missing or mistake small thing in your code. Otherwise close method will work as expected. Have you check first that your button click fire or not? If fire, Have you got any JS error?

blocks|key|777247|text|这可能会帮助.I创建自定义关闭按钮的人。我的自定义关闭按钮出现在右上角，也可以关闭。我的代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|777248|++++++++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();
++++++++});
++++});+|code-block|syntax|javascript|777249|感谢@sushil+bharwani，我在关闭颜色盒时遇到了问题。这对我有帮助。|777250|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This may help someone .I have created a custom close button . My custom close button is coming on top right corner and can able to close also.
My code :

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

 $("#close").click(function() {
 jQuery('#cboxClose').click();
 });
 }); 
</code></pre>

Thanks to @sushil bharwani , I was facing problem on closing the colorbox. It helped me.

I have a simple popup (not an Iframe) where a user can send mail to each other. There is a submit button to send the information and a cancel button which should close the overlay.

I do have some trouble getting the close button to work.

The code looks like this:

<pre><code>&lt;asp:Button runat="server" ID="btnCancel" Text="Cancel" /&gt;

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

I have tried with both parent.jQuery.colorbox.close(), jQuery.fn.colorbox.close() but with no success.

Closing Colorbox

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我有一个简单的弹出窗口(不是一个Iframe)，在那里用户可以互相发送邮件。有一个用来发送信息的提交按钮和一个用来关闭覆盖的取消按钮。我的关闭按钮确实有点问题。代码如下所示：<asp:Button runat="server" ID="btnCancel" Text="Cancel" /><script type="text/javascript"> jQuery(document).rea

问关闭Colorbox
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问关闭ColorboxEN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问关闭Colorbox
EN