我正在使用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>


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

最佳答案

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

关于php - prettyPhoto jQuery插件不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7370820/

10-10 11:45