ColorBox - 错误：cboxElement缺少设置对象

我想要做的是播放ColorBox灯箱内的视频。ColorBox - 错误：cboxElement缺少设置对象

我的HTML代码如下。当我点击链接时，它应该播放视频。

<a href="http://cdn-azu-ns.viddy.com/media/video/0b2b103a-0c40-48a4-877a-64645ef5a0ae-high.mp4?t=634914421568400000" target="_blank" class="photo_link cboxElement iframe">Video</a>

我用Colorbox做的事情如下。将视频加载到lightbox中。

jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});

它给了我下面的错误。

Error: cboxElement missing settings object

截图

enter image description here

我应该怎么做才能解决这个问题？鉴于除了上述之外没有js错误。 jQuery包含正确。

来源

2013-01-17 Techie

我遇到同样的问题。但是，例如，如果您在参数中添加open：true，则它可以正常工作。显然，它应该只在点击上工作。如果有人有答案，请发布。 – Alfonso

我有同样的问题。我很难理解为什么，但是在某处colorbox遇到了冲突，因为它在内部也使用了名称'iframe'。不知何故，当使用类名“iframe”作为调用该函数的类时，会导致冲突。

在我的情况下改变

jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});

到：

jQuery(".photo_link").colorbox({iframe:true, width:"80%", height:"80%"});

工作。

来源

2013-05-31 15:35:42 BakaKuna

我认为答案是没有使用CSS类将被库注入的DOM –

那么这对我有效。即使一切都已到位，并且所有代码都是在后端生成的，出于某种原因，colorbox并未正确地获取链接，因为在我的页面上，该链接位于在鼠标悬停上显示/隐藏的div内。无论如何，它为我工作的方式是这样：

$(".iframe").live('click', function(e){ 
     $(this).colorbox({href: $(this).attr('href'), iframe:true, innerWidth:640, innerHeight:480, open:true}); 
     e.preventDefault(); 
     return false; 
    });

这样，你重新绑定操作的元素，然后颜色框的力量打开链接。

我希望它适合你，它还不算太晚。

PS：如果你正在使用jQuery 1.9+必须使用上，而不是活

来源

2013-01-31 16:21:50 Alfonso

我遇到了这个相同的错误，并通过去除对colorbox的重复调用来解决它。我已经在两个独立的包含文件中包含了库以及我的colorbox函数。我想它一定是重复的，因为我必须在启动后关闭每个colorbox窗口两次。

检查您的代码，并确保jquery.colorbox-min.js只包含一次，以及调用它的函数。在我的情况下，我的功能很简单：

$(document).ready(function(){ 
    $("a.single_image").colorbox(); 
    $("a.link_preview").colorbox({iframe:true, width:"80%", height:"90%"}); 
});

删除重复调用后，问题就消失了。希望能帮助到你！

来源

2013-06-04 19:34:36 Chris

我经历过这种错误错误：在文件准备函数调用持有的颜色框参数初始后的文件准备函数调用使得第二jQuery的当cboxElement丢失设置对象。

我的情况：

我的网页上我使用，并调用保存所有我的代码只是一个外部.js文件。

内外部js文件我也有颜色框参数一个 jQuery的内的文件准备功能。

在陷入困境的页面（页面cboxElement丢失设置对象
错误），紧随其后的外部js文件我有一些
的jQuery代码，在文档准备功能使用：$（函数（）{}）;

我的问题：

本次在文件准备调用引起，并引发错误错误：cboxElement丢失设置对象我。

我的解决办法：

此修复程序是从使用改变困扰网页代码即可jQuery的在文件准备功能使用JavaScript的本地自执行匿名函数。

(function(){ })();

果然错误错误：cboxElement丢失设置对象走了，一切都运行完美！

来源

2013-11-23 18:25:46

ColorBox - 错误：cboxElement缺少设置对象

回答

相关问题