prettyPhoto jquery插件无法正常工作

我正在使用prettyPhoto jquery插件在我的页面上显示图片库，并且由于某种原因它不起作用。我正在尝试这在我的本地主机上，我使用Zend框架。prettyPhoto jquery插件无法正常工作

这是我的代码：

<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>

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

来源

2011-09-10 Vadiklk

您确定CSS已加载？我看到'getScryptURL'，也许你的意思是'getScriptURL'？ – Shef

是的，这是一个拼写错误，但它确实按照它应该做的。 – Vadiklk

如果您查看标记源，是否加载了CSS文件？ – Shef

由于您提到标记正在被添加，但并未按照您期望的方式显示。然后你应该检查加载的CSS文件，因为它看起来像样式不适用于元素。

来源

2011-09-10 12:42:53 Shef

你说得对，我打电话错了CSS。 – Vadiklk

prettyPhoto jquery插件无法正常工作

回答

相关问题