javascript - prettyPhoto 和 Ajax 加载的内容

Question

我目前正在开发一个小型产品展示页面，该页面通过 ajax 加载支持 prettyPhoto 的图库。问题是，prettyPhoto 不适用于最初加载页面后添加的图像。我知道我需要在新内容加载后重新初始化 prettyPhoto，但是如何呢？我试过添加 prettyPhoto.init();到返回到页面的代码 - 这是行不通的。

我正在处理的页面在这里:http://turningpointpro.com/page.php?id=10

Answer 1

我最终找到了两个解决方案。第一个也是最好的是把这整个位:

$(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
});

进入 ajax 回调，而不是我之前调用的 prettyPhoto.init(); 函数。

我也很幸运地使用了 API，而不是再次重新加载 prettyPhoto。

希望这对某人有帮助。