Jquery 色盒-防止关闭
我希望防止意外关闭配色箱,因此我将从加载的iframe内部显示/隐藏关闭按钮 我阅读了文档,但两个示例似乎都不起作用:Jquery 色盒-防止关闭,jquery,colorbox,Jquery,Colorbox,我希望防止意外关闭配色箱,因此我将从加载的iframe内部显示/隐藏关闭按钮 我阅读了文档,但两个示例似乎都不起作用: var originalClose = $.colorbox.close; $.colorbox.close = function(){ var response; if($('#cboxLoadedContent').find('form').length > 0){ response = confirm('Do you want to
var originalClose = $.colorbox.close;
$.colorbox.close = function(){
var response;
if($('#cboxLoadedContent').find('form').length > 0){
response = confirm('Do you want to close this window?');
if(!response){
return; // Do nothing.
}
}
originalClose();
};
或
谢谢 应该是:
parent.$('#yourElement').colorbox.close();
其中,您的元素将是包含colorbox的iframe的ID/选择器。您需要在
jquery
库之后包含colorbox.css
和jquery.colorbox.js
$('#cboxLoadedContent').find('form')
第一个示例覆盖colorboxclose
函数,第二个示例仅覆盖colorbox
$('#cboxLoadedContent').find('form')
在我的示例中,我没有表单
,因此我删除了表单
选择器
演示:
Colorbox只是div
,而不是iframe,因此我从这里删除了父项
:
parent.$.colorbox.close();
演示:尝试使用$('cboxClose')。删除();要关闭包含灯箱的框架的色框iframe?它是包含iframe的灯箱,iframe没有ID就是这样,它正常工作,但不在iframe内。@Nimbuz iframe来自同一个域?不,是外部域。我的意思是来自不同域的内容被加载到iframe。@Nimbuz您的带有
父项的代码对于从iframe访问是有效的,但浏览器安全策略已更改。我得到了这个:不是总是添加你可能会考虑标记重复的发现。
parent.$.colorbox.close();