prettyPhoto jquery 插件不起作用答案

【问题标题】：prettyPhoto jquery plugin doesn't workprettyPhoto jquery 插件不起作用
【发布时间】：2011-09-10 09:26:06
【问题描述】：

我正在使用 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 已经加载了吗？我看到getScryptURL，也许你的意思是getScriptURL？
是的，这是一个拼写错误，但它确实做到了它应该做的事情。
如果您查看标记源，是否加载了 CSS 文件？
Shef，你真是个天才：）。忘了我正在使用脚本文件夹而不是样式文件夹中的css。写下你的答案，这样我就可以投票并接受它！

标签： php javascript jquery css prettyphoto

【解决方案1】：

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

【讨论】：