1

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

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

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

看起来 cbox 类没有被添加到链接中，但我一辈子都看不到它为什么没有运行？代码在那里并被调用，但没有添加任何类，因此链接转到站点的根目录。

有任何想法吗？

非常感谢

4

3 回答 3

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});

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

另一个因素可能是因为该页面无效，但由于标记无效，我以前从未见过这种事情发生。

于 2012-08-24T14:12:16.470 回答
0

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

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

  • 凯文·M。
于 2012-08-24T19:48:58.020 回答
0

到 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});
});
于 2012-08-28T11:14:01.910 回答