Question

我已将Awkward Showcase内容滑块合并到我的网站中，其中一张幻灯片上有一个锚定图像，点击该图像时应调用colorbox在其自己的对话框中打开YouTube视频。不使用滑块颜色框效果很好。应用滑块后，colorbox不再有效。我立即想到它必须与幻灯片不是第一个加载，也许colorbox不能将自己应用于节点，即使它没有被隐藏。所以我使用Awkards自定义函数参数在幻灯片更改时调用colorbox。现在，彩盒对话框的背景（对角线）显示但没有对话框...如果向下滚动页面，您会得到一个白色斑点，可能是彩色对话框，但其中没有内容。任何想法为什么会这样？与载入幻灯片的方式有关。

我拿出了代码，制作了一个单独的页面进行测试，看看我是否可以解决这里的代码http://pastebin.com/WSzWCGSg，插件网址在下面。测试件的颜色框在第一张幻灯片上工作，然后在移动滑块后不在任何后续幻灯片或原件上工作。

尴尬的展示 - http://www.awkwardgroup.com/sandbox/awkward-showcase-a-jquery-plugin/ Colorbox - jacklmoore.com/colorbox /

Answer 1

我不确定你的幻灯片是否是动态的，但我会按照以下方式绑定：

$(document).ready( function() {
    $('#CLOSEST_ID_TO_CONTAINER_THAT_HOLDS_ALL_SLIDES').on('click','.YOUR_ANCHOR_CLASS',function(e) {
        e.preventDefault();
        $(this).colorbox({...});
    });
});

虽然没有看到你在做什么，但是这个答案在黑暗中被刺伤了。

Answer 2

好的，我明白了。我曾尝试使用custom_function调用colorbox：arg只需输入colorbox代码即可。但是你必须将它封装在一个函数（）{}中，否则它不起作用。

所以使用代码片段我更改了custom_function：

function() { jQuery(".videos_colorbox").colorbox({iframe:true, 
                                                  innerWidth:640, 
                                                  innerHeight:390});}

而不是仅使用custom_function：

jQuery(".videos_colorbox").colorbox({iframe:true, 
                                     innerWidth:640, 
                                     innerHeight:390})

绝对没有。

从jQuery Slide中调用时，Colorbox无法正常工作

2 个答案: