Question

我正在为我的网站使用UberGallery： http://www.ubergallery.net/

以下是直接在HTML中调用Uber Gallery的页面示例 http://www.goloyal.com/clients/dealers-mlm.php

如果您点击缩略图，则会打开弹出式div。

有些页面有很多拇指，所以它们加载速度很慢，所以我试图通过Ajax调用Uber Gallery，这样页面就会加载，然后拇指就可以花时间： /old-dealers-mlm.php

装载机完全按照我的意愿工作，但是当你点击缩略图时它会在新页面中打开（不是弹出式div）

我在我的ajax中称这个为div /div-dealers-mlm.php 哪个弹出窗口也正确显示。

我确实理解这些页面是单独加载的，我知道它需要一个特殊的对话来告诉一个页面在另一个页面上做某事。但是，我不确定我需要转发到父/原始页面，或者如何开始测试。有什么想法吗？

谢谢！

Answer 1

问题是您在尚不存在的链接上设置了颜色框。您需要用以下内容替换当前的颜色框代码：

$(document).ready(function(){
    $(document).on("click", "a[rel='colorbox']", function(e){
        e.preventDefault();
        var url = this.href;
        $.colorbox({href: url, maxWidth: "99%", maxHeight: "99%", opacity: ".5"});
    });
});

这使用jQuery .on()将点击事件绑定到所有当前和未来的a元素，其rel属性等于colorbox。

Ajax Div Loader：UberGallery无法通过Ajax工作

1 个答案: