0

在本地构建网站的大部分内容时，我的这种策略非常有效。当我将它移到服务器上以更恰当地链接时，它坏了。我检查了我的文件路径，一切看起来都很好。

我正在尝试在 HTML 之外打开（但从站点内部）。这些页面是串联的——就像您将一系列图像串联起来一样。单击下一个或上一个可以很好地加载内容，但是有机会拥有不同数量的内容，我需要调整大小。这是在本地工作，而不是在服务器上工作。同样，自定义关闭按钮也不会关闭。

$("a.colorbox-personnel").colorbox({
    opacity:.75,
    scrolling:false,
    onComplete:function() {
        $("ul.prev-next li a").live("click",function(event){
            event.preventDefault();
            $("#cboxLoadedContent").load($(this).attr("href"), function(){
                $.colorbox.resize();
            });
        });
        $("a.team-popup-close").live("click",function(event){
            $.colorbox.close();
        });
    }    
});

我尝试调用其他颜色框函数，例如：

$("ul.prev-next li a").live("click",function(event){
    event.preventDefault();
    $("#cboxLoadedContent").load($(this).attr("href"), function(){
        $.colorbox.resize();
        **$.fn.colorbox({href: $(this).attr("href")});**
    });
});

它在我的顶部加载了另一个颜色框实例。所以我觉得 Colorbox 连接正确，只是没有触发调整大小或关闭。非常感谢所有帮助。谢谢！

4

1 回答 1

0

您是否查看过是否产生任何错误？你的 JavaScript 控制台说什么？

我的猜测是您正在加载的 HTML 片段 ($(this).attr("href")) 包含指向 jQuery 库的脚本元素。这将替换文档中原始存在的 jQuery 实例，这也会删除颜色框。这当然会导致 colorbox 的方法失败。

于 2012-07-12T16:22:48.877 回答