Colorbox无法打开或添加cbox类

我不认为

$('.modal-inline').unbind('click').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:true});

正在执行。我在上面加了一个断点,但它没有停止。

出于某种原因 $('.model-inline') 选择器找不到任何要制作成颜色框的元素。那么,您是在选择器已经执行之后动态添加元素吗?

如果您进入Chrome控制台( 控制 + 转移 + j 在Windows上),然后输入

$('.modal inline').ubind('click').colorbox({transition:'弹性',速度:500,宽度:'80%',高度:'50%',inline:true});

然后点击链接,它就工作了!

另一个因素 能够 是因为页面 not valid 但我以前从未见过这种事情因为无效的标记而发生。

使用Chrome的DevTools查看您的网站证实了@andyb的断言: 没有附加事件侦听器 到类“modal inline”的标记。

为什么要在该链接上执行“unbind”方法?ColorBox为您处理自己的点击事件绑定。

• Kevin M。

元素在timedocument.ready()之前已在HTML中,但前面对“anything-slider”的调用出现了问题。此后,我对其进行了如下评论,以在执行其他操作之前检查滑块是否存在。现在起作用了。谢谢你的帮助和建议,安迪,即使这不是解决方案。

$(document).ready(function () {
if($('#slider').length > 0) {
    $('#slider')
        .anythingSlider({
            navigationFormatter : function(index, panel){
                return ['Slab', 'Parking Lot', 'Drive', 'Glorius Dawn', 'Bjork?', 'Traffic Circle'][index - 1];
            },
            buildStartStop: false,
            buildNavigation: true,
            autoPlay: true
        })
        .anythingSliderFx({
            '.caption-top'    : [ 'caption-Top', '50px' ],
        })
}
//Add modal functionality where class is set
$('.modal-inline').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:true});
$('.modal-image').colorbox({transition:'elastic', speed:500, width:'80%', height:'50%', inline:false});
$('.modal-image-square').colorbox({transition:'elastic', speed:500, width:'1000', height:'1000', inline:false});
});