PrettyPhoto jquery 插件不起作用

Question

我正在使用 PrettyPhoto jquery 插件在我的页面上显示图片库，但由于某种原因它不起作用。我正在本地主机上尝试此操作，并且使用 Zend Framework。

这是我的代码：

<script type="text/javascript" src="<?php echo URLgenerator::getScryptURL('jquery.js'); ?>"></script>
<link rel="stylesheet" href="<?php echo URLgenerator::getStyleURL('prettyPhoto/css/prettyPhoto.css'); ?>" type="text/css" media="screen" charset="utf-8" />
<script src="<?php echo URLgenerator::getScryptURL('prettyPhoto/js/jquery.prettyPhoto.js'); ?>" type="text/javascript" charset="utf-8"></script>

主要部分：

<?php 
                    $photos = $project->getPhotos();
                    foreach($photos as $photo):
                ?>
                        <a href="<?php echo $photo->getPhotoURL(); ?>" rel='prettyPhoto[pp_gal]'>
                            <img src="<?php echo $photo->getPhotoURL(); ?>" alt="" class="ProjectPageImage" />
                        </a>
                <?php 
                    endforeach;
                ?>

在页面末尾：

<script type="text/javascript" charset="utf-8">
    $(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto({
            deeplinking: false
        });
    });
</script>

我得到的是一种奇怪的画廊，附加在页面末尾的所有内容下，而不是我应该得到的“灯箱”弹出窗口。

Answer 1

由于您提到正在添加标记，但未按您期望的方式显示。然后您应该检查 CSS 文件是否已加载，因为样式似乎未应用于元素。