代码之家 › 专栏 › 技术社区 › Jeepstone

Colorbox无法打开或添加cbox类

anythingslider colorbox jquery

Jeepstone · 技术社区 · 13 年前

我有一个 <a href=""> 针对隐藏的 <div> .我正在将隐藏的HTML内容加载到弹出模式窗口中,但我的链接总是指向主页(baseurl)。

http://coolicebox.petersenuploads.co.uk/product.php?xProd=2&xSec=5

请参阅“选项”面板中的链接(请参阅更多颜色)

看起来cbox类没有被添加到链接中,但我一辈子都不明白为什么它没有运行?代码就在那里,正在被调用,但没有添加类,因此链接指向网站的根目录。

有什么想法吗?

非常感谢

3 回复 | 直到 13 年前

andyb Riz 13 年前

我不认为

$('.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 但我以前从未见过这种事情因为无效的标记而发生。

CSSian 13 年前

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

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

Kevin M。

Jeepstone 13 年前

元素在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});
});