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插件無法正常工作

回答

相關問題