Javascript 内容动态更改时强制刷新

我有一个加载图像缩略图链接到

显然，在初始化过程中，Pretto只能看到链的第一个选择，所以每次选择加载链接时，我都应该重新初始化它！ 我试图在更改触发器时调用这些脚本：

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

或

但是没有人工作。 第一个没有提示，第二个返回错误：prettypto未定义

所有其他未加载的图像都可以正常工作，请帮助

在我的页面中使用

$（[rel^='prettypto']）

选择器是错误的，但是第一行代码是刷新prettypto脚本的正确方法

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

选择：

<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文件：

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

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

$（文档）.ready（函数（）{
pprefresh（）；
});
函数pprefresh（）{
$（[rel^='prettypto']）；
}

我在我的页面中使用了

$（[rel^='prettypto']）

选择器，但第一行代码是刷新prettypto脚本的正确方法

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

选择：

<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文件：

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

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

$（文档）.ready（函数（）{
pprefresh（）；
});
函数pprefresh（）{
$（[rel^='prettypto']）；
}