jQuery prettyPhoto无法使用Flip!插入

时间:2012-04-18 17:37:35

标签: jquery html5 flip prettyphoto

我刚读过这篇文章:LINK,但实际上没有任何帮助......

我遇到了类似上面链接的问题,但我使用的是HTML而不是PHP。 而且,使用Flip! Plugin

第一次打开我的页面时,prettyPhoto正常工作,但是当我翻转时,它不再起作用了。

有调用PrettyPhoto的代码:

$(document).ready(function(){
 $("#box").prettyPhoto();
});

还有我的第一个链接:

<div id="flipTwoQuali">
 <a id="box" href="http://www.youtube.com/watch?v=l34c7wBEdmI" rel="prettyPhoto" title="">
 <img src="img/nossasacoes/qualificacao/video.png" />
 </a>
</div>

这是当我点击菜单时,#flipTwoQuali div将其内容更改为此内容(这是在 flipQuali.js 内,在 flipNE()函数上:

<div id="flipTwoQuali">
 <a id="box" href="http://www.youtube.com/watch?v=F8PFPXox9Rk" rel="prettyPhoto" title="">
 <img src="img/nossasacoes/qualificacao/ne/img02.png" />
 </a>
</div>

只是视频和图片发生了变化,但是漂亮的照片不再起作用了.... = /

我在线,HERE。单击INICIAR(绿色箭头)和视频(带有播放按钮的图像)。然后尝试翻转,点击NOVA ESCOLA(在灰色菜单上),然后点击之前点击视频的同一位置上的图像,它将不再起作用!!

有人能帮助我吗?

1 个答案:

答案 0 :(得分:0)

我已经修好了!

太简单了!

翻转!插件,有一个叫做onend的回调

然后,我添加到我的脚本:

onEnd: function(){
        $('[rel*="prettyPhoto"]').prettyPhoto();
    }

它有效!!