包含以前的分离内容后,prettyPhoto无法正常工作

时间:2013-01-23 18:48:27

标签: jquery prettyphoto

我偶然发现了一个问题,无法通过锻炼方式使其发挥作用。

我正在做这个投资组合页面,我正在通过jQuery进行导航。

所有图片都使用正确的链接和rel =“prettyPhoto”锚定。

在页面开头,它会分离每个锚点并再次附加它。在第一页中,prettyPhoto工作正常。问题是当我导航到另一个页面时,单击下一个或上一个页面并停止工作。

奇怪的是,在第一页中它起作用而其他页面没有,但是我使用相同的程序来分离并追加它。

以下是pastebin的链接:http://pastebin.com/SNJYcuVh

有些变量是葡萄牙语。我希望它不会搞砸你。

ps。:我尝试再次调用jQuery(“a [rel ^ ='prettyPhoto']”)。prettyPhoto({theme:'dark_square',autoplay:false,social_tools:''});点击下一个或上一个,但它也没有用。

2 个答案:

答案 0 :(得分:0)

只需将live更改为on,然后将聆听者更改为body,如下所示:

jQuery("body").on("click", "a[rel^='prettyPhoto']", function() {
    jQuery.prettyPhoto.open(jQuery(this).attr("href"),"","");
    return false;
})

答案 1 :(得分:0)

确定。找到出路。

这很简单。

在最终用户与投资组合页面的每次互动之后,我再次调用了prettyPhoto init函数,并且它有效。

感谢您的帮助。