首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >PrettyPhoto不适用于livequery

PrettyPhoto不适用于livequery
EN

Stack Overflow用户
提问于 2010-03-04 04:09:48
回答 3查看 2.3K关注 0票数 2

有人能解释一下如何在livequery中使用PrettyPhoto吗?

代码语言:javascript
复制
  $(document).ready(function()
  {
    $(".gallery a[rel^='prettyPhoto']").livequery(
    function()
    {
      $(this).prettyPhoto({theme:'facebook'});
    });
  });

代码是正确的,但我认为livequery不支持PrettyPhoto。有人能确认一下吗?

EN

回答 3

Stack Overflow用户

发布于 2011-02-04 16:10:12

你是在说jQuery吗?如果是这样的话,我已经让它工作了:

代码语言:javascript
复制
$("a[rel=prettyPhoto]").live("click",function() {
    $.prettyPhoto.open($(this).attr("href"),"","");
    return false;
});

如果你想加入一些主题或者其他东西,你可以这样做:

代码语言:javascript
复制
$.fn.prettyPhoto({'theme': 'light_rounded'});
$("a[rel=prettyPhoto]").live("click",function() {
    $.prettyPhoto.open($(this).attr("href"),"","");
    return false;
});
票数 6
EN

Stack Overflow用户

发布于 2011-12-13 13:39:46

代码语言:javascript
复制
$.fn.prettyPhoto({
    animation_speed: 'fast', /* fast/slow/normal */
    slideshow: 5000, /* false OR interval time in ms */
    theme: 'facebook' /* light_rounded / dark_rounded / light_square / dark_square / facebook /pp_default*/
});

$.prettyPhoto.open('xzs.html?iframe=true&width=100%&height=100%','Title','DESC');

User
<a style="color: #F99;text-decoration:inherit;" href="javascript:;" rel="prettyPhoto[iframes]" name="xzs.html?iframe=true&width=100%&height=100%" title="test">test</a>

$("a[rel^='prettyPhoto']").livequery(function(){
    var url = $(this).attr(name);
    $.prettyPhoto.open(url,'Title','DESC');
});
票数 1
EN

Stack Overflow用户

发布于 2011-10-12 00:07:23

prrettyPhoto会为每张照片实例化一个图库,而不是使用rel属性上的WHat构建集。每当在DOM中获得新的a[rel^='prettyPhoto']时,您需要做的就是在所有DOM上重新运行初始化。这是由于使用全局matchedObjects变量设置prettyPhoto的方式造成的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2374558

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档