彩盒工作不正常时调用从内jQuery的幻灯片

我已经纳入了尴尬的展示内容滑块到我的网站，并在幻灯片的一个具有被点击时应该调用颜色框在其自己的对话框打开一个YouTube视频中的锚定图像。没有使用滑块colorbox工程很好。一旦应用滑块，colorbox不再有效。我立刻想到，它必须与滑不首先加载，也许颜色框本身不能适用于节点，即使它没有隐藏。所以我使用Awkards自定义函数参数在幻灯片更改时调用colorbox。现在颜色框对话框的背景（对角线）显示出来，但没有对话框...如果你向下滚动页面，你会得到一个白色的斑点，可能是颜色框对话框，而是在它里面没有任何内容。任何想法为什么发生这种情况？与载入幻灯片的方式有关。彩盒工作不正常时调用从内jQuery的幻灯片

我拿出了代码，做了一个单独的页面来测试，看看我能否弄清楚这里的代码http://pastebin.com/WSzWCGSg和插件网址如下。测试件在第一张幻灯片上有colorbox工作，然后在滑块移动后无法在任何后续幻灯片或原稿上工作。

尴尬的魅力 - http://www.awkwardgroup.com/sandbox/awkward-showcase-a-jquery-plugin/ 彩盒 - jacklmoore.com/colorbox/

来源

2012-02-01 mtpultz

你或许应该发布您的代码。 – 2012-02-01 21:22:59

感谢科林，对不起，我现在已经添加了一个测试页到原来的职位，需要什么。 – mtpultz 2012-02-05 01:21:39

好吧，我想通了。我试图通过简单地放入colorbox代码来使用它的custom_function：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})

这肯定不一样。

来源

2012-02-05 01:39:51 mtpultz

我不知道你的幻灯片是否是动态的，但我甚至会如下绑定：

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

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

来源

2012-02-02 16:17:24 HGPB

彩盒工作不正常时调用从内jQuery的幻灯片

回答

相关问题