3

我想做的是在ColorBox灯箱中播放视频。

我的 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 的操作如下。将视频加载到灯箱中。

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

它给了我以下错误。

Error: cboxElement missing settings object

截屏

在此处输入图像描述

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

4

4 回答 4

4

我有同样的问题。我很难理解究竟是为什么，但是颜色框在某个地方遇到了冲突，因为它在内部也使用了名称“iframe”。当类名“iframe”用作调用函数的类时，不知何故这会导致冲突。

在我的情况下改变

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

到：

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

工作。

于 2013-05-31T15:35:42.290 回答
2

好吧，这对我有用。即使一切就绪并且所有代码都是在后端生成的，但由于某种原因，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+，你必须使用 on 而不是 live

于 2013-01-31T16:21:50.107 回答
0

我遇到了同样的错误，并通过删除对 colorbox 的重复调用来解决它。我已将库和颜色框函数都包含在两个单独的包含文件中。我认为它一定是重复的，因为我必须在每个颜色框窗口启动后关闭它两次。

检查您的代码并确保 jquery.colorbox-min.js 仅包含一次，以及调用它的函数。就我而言，我的功能很简单：

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

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

于 2013-06-04T19:34:36.853 回答
0

我遇到了这个错误Error: cboxElement missing settings object when making a second jQuery on document ready function call after the initial on document ready function call that hold the colorbox parameters。

我的情况：

  • 在我的页面上，我只使用并调用一个包含我所有代码的外部 .js 文件。

  • 在外部 .js 文件中，我在 jQuery on document ready function中有颜色框参数。

  • 在问题页面（cboxElement 缺少设置对象
    错误    的页面）上，紧随外部 .js 文件之后，我有一些使用文档就绪函数的
    jQuery代码：$(function(){});

我的问题：

这第二个文档就绪调用导致并触发了错误Error: cboxElement missing settings object for me。

我的解决方案：

修复就像将有问题的页面代码从使用jQuery 的 文档就绪函数更改为使用Javascript 的本机自动执行匿名函数一样简单。

(function(){
})();

果然错误 错误：cboxElement缺少设置对象消失了，一切正常！

于 2013-11-23T18:25:46.753 回答