Question

我有<a href="">针对隐藏的<div>。我正在将隐藏的HTML内容加载到弹出模式窗口中，但我的链接总是进入主页（baseurl）。

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

请参阅“选项”面板中的链接（查看更多颜色）

看起来cbox类没有被添加到链接中，但我不能为我的生活看到它为什么没有运行？代码在那里被调用但没有添加类，因此链接将转到站点的根目录。

有什么想法吗？

非常感谢

Answer 1

我不认为

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

正在执行中。我在它上面放了一个断点，它没有停止。

由于某种原因，$('.model-inline')选择器未找到要在彩色框中生成的任何元素。那么在选择器已经执行后动态添加元素吗？

如果您进入Chrome控制台（Windows上的 Ctrl + Shift + j ）并输入

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

然后点击链接，然后就可以了！

另一个因素可能是因为页面是not valid但是由于标记无效，我之前没有看到过这种情况。

Answer 2

使用Chrome的DevTools查看您的网站确认了@andyb的断言：没有事件监听器附加到类'modal-inline'的标记。

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

Kevin M。

Answer 3

该元素在时间document.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});
});

Colorbox无法打开或添加cbox类

3 个答案: