【问题标题】:jQuery prettyPhoto not working with Flip! PluginjQuery prettyPhoto 不能与 Flip 一起使用!插入
【发布时间】:2012-04-18 17:37:35
【问题描述】:

我刚刚阅读了这篇文章: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>

只是视频和图像发生了变化,但是 prettyPhoto 不再起作用了.... =/

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

有人可以帮帮我吗?

【问题讨论】:

  • 刚刚在 Chrome 和 Firefox 中进行了测试,似乎一切正常。你用的是什么浏览器?
  • 火狐。但是在您进行翻转之前,prettyphoto 工作,当您翻转页面时,它不再工作,视频在页面上打开,而不是在 prettyphoto 内。不能工作!?

标签: jquery html flip prettyphoto


【解决方案1】:

我已经修好了!

太简单了!

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

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

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

有效!!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多