当内容动态更改时强制prettyPhoto刷新

时间:2013-06-28 10:37:07

标签: javascript ajax jquery prettyphoto

我有chained selects加载与prettyphoto链接的图片缩略图。

显然初始化期间的漂亮照片只能看到链的第一个选择,所以我应该在每次选择加载链接时重新初始化它! 我试图在更改触发器上调用这些脚本:

$("a[rel^='prettyPhoto']").prettyPhoto();

prettyPhoto.initialize();   

但没有人工作。 第一个没有提示,第二个给我错误:prettyPhoto没有定义!

所有其他未加载动态的图像都可以正常使用,请帮忙!

1 个答案:

答案 0 :(得分:1)

我在页面中使用$("a[rel^='prettyPhoto']")选择器是错误的,但第一行代码是刷新prettyphoto脚本的正确方法。

这是此脚本工作的一个简单示例

选择

<select name="option" onchange="pprefresh()">
    <option value="">select option</option>
    <option value="1">Option ONE!</option>
    <option value="2">Option TWO!</option>
    <?php } ?>
</select>

加载图片:

<a href="mysite.com/images/image.png" title="MyPhoto" rel="prettyPhoto" >
<img src="mysite.com/images/imagethumb.png"  />
</a>

Javascript PrettyPhoto刷新:

<script>
$(document).ready(function(){
    pprefresh();
});

function pprefresh(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
}
</script>