在FancyBox div中显示自定义POST类型,然后链接到它们

时间:2011-06-03 作者:remi90

我该怎么办…

我有一个使用自定义帖子类型创建的公文包页面,在公文包页面上有许多缩略图,我想通过自定义帖子类型链接到我添加的每个项目。希望这部分有意义?

在需要技巧的地方,我希望这些缩略图中的每一个都使用Fancybox插件,这样当用户单击缩略图时,它会显示一个div容器,其中包含我从该特定项目的帖子中获得的所有内容。失去我了吗?

这有点难以解释,但希望有人知道我的意思,并建议我如何巧妙地让页面抓取缩略图帖子中的所有内容,并用Fancybox“弹出”显示出来。

这样做的原因很简单,因为我有很多项目要显示,如果我有一个文件,其中包含每个项目的内容弹出div,那么这个文件将是巨大的!我只是觉得这不是一种很好的管理方式。

谢谢

1 个回复
SO网友:Bainternet

如果弹出div是不可能的,因为一个页面上有很多项目,那么另一个选择是使用ajax获取项目内容,这应该不会太难。更简单的解决方案是使用jQuery.load()

首先使用指向项目页面的链接包装缩略图:

<a class="project_thumb" href="<?php echo get_permalink(); ?>"> ... thumbnail here </a> 
然后添加此js代码:

<script>
    $(document).ready(function(){
        $(\'.project_thumb\').live(\'click\', function(e){
            e.preventDefault();
            var url = $(this).attr(\'href\');
            url = url + \' #portfolioProject\';
            $(\'#content\').load(url, function(data, stat, req){
                $(this).fancybox();
            });
        })
    });
</script>
只要改变一下#content 到单个项目视图的内容容器的id。

结束

相关推荐

如何保存一个拖放状态的jQuery UI可排序前端布局编辑器?

我正在使用jQuery UI Sortable.这些柱子在背景图像上以300px×250px的方框布置。这些帖子是使用WordPress管理员创建和编辑的,但我想让网站管理员使用前端的拖放界面来调整框的顺序。我已经让拖放排序部分工作,但需要想出一种方法来保存框的状态(顺序)。理想情况下,我希望能够将状态保存为选项并将其构建到查询中。帖子的查询是一个简单的WP\\U查询,它还从自定义元框中获取数据,以确定单个框的布局$args= array( \'meta_key\' => \'c