Question

在本地建立大部分网站的同时，我完全采用了这种策略。当我将它移动到服务器以更恰当地链接时，它就破了。我检查了文件路径，一切看起来都不错。

我正在尝试打开外部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实例。所以我觉得Colorbox正确地连接起来并且没有激活调整大小或关闭。所有帮助都非常感谢。谢谢！

Answer 1

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

我的猜测是你要加载的HTML片段（$（this）.attr（＆＃34; href＆＃34;））包含一个指向jQuery库的脚本元素。这将替换原始文档中存在的jQuery实例，该实例也会删除colorbox。这会导致彩盒的方法失败。

Colorbox函数，例如$ .colorbox.resize（）;和$ .colorbox.close（）;来自Outside HTML（Ajax）实现

1 个答案: