Javascript 引导程序中未加载lightbox的目标_Javascript_Twitter Bootstrap_Lightbox_Prettyphoto

Javascript 引导程序中未加载lightbox的目标

javascript twitter-bootstrap

Javascript 引导程序中未加载lightbox的目标,javascript,twitter-bootstrap,lightbox,prettyphoto,Javascript,Twitter Bootstrap,Lightbox,Prettyphoto,我正在尝试使用Pretto和bootstrap制作一个简单的lightbox图库。出于某种原因，当我点击图像缩略图时，它只是在一个空白的图像页面中打开它，而不是使用js Chrome开发工具为我提供了以下信息： Uncaught TypeError: undefined is not a function - bootstrap.min.js:6 Uncaught ReferenceError: jQuery is not defined - jquery.prettyPhoto.js:7 Un

我正在尝试使用Pretto和bootstrap制作一个简单的lightbox图库。出于某种原因，当我点击图像缩略图时，它只是在一个空白的图像页面中打开它，而不是使用js

Chrome开发工具为我提供了以下信息：

Uncaught TypeError: undefined is not a function - bootstrap.min.js:6
Uncaught ReferenceError: jQuery is not defined - jquery.prettyPhoto.js:7
Uncaught ReferenceError: $ is not defined - portfolio.html:10

这已经困扰了我好几个小时了，非常感谢您的帮助！谢谢


金·皮尔林设计
$（文档）.ready（函数（）{
$（[a[rel='prettypto']）。prettypto（）；
});
金·皮尔林设计














&抄袭；金皮尔林2013

jQuery似乎没有加载。检查您的外部脚本是否指向正确的位置。

您确定jquery正在加载吗？它应该是从googleapis加载的，对吗？有办法检查吗？哈哈哇，没关系，我通过修复jquery的链接修复了它。谢谢你，伙计！很高兴我能帮忙。我把答案贴出来作为答案。

<!DOCTYPE html>
<html>
 <head>
    <meta charset="utf-8">
    <title>Kim Pirring Design</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script language="JavaScript" type="text/javascript" src="js/bootstrap.min.js"></script>
    <script language="JavaScript" type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script language="JavaScript" type="text/javascript" charset="utf-8">
        $(document).ready(function(){
        $("a[rel='prettyPhoto']").prettyPhoto();
      });
    </script>

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/prettyPhoto.css">

 </head>

 <body>
    <div class="container">
        <h1>Kim Pirring Design</h1>
        <div class='navbar navbar-inverse'>
         <div class='navbar-inner nav-collapse' style="height: auto;">
        <ul class="nav">
          <li><a href="index.html">Home</a></li>
          <li class="active"><a href="portfolio.html">My Work</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="resume.html">Resume</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
          </div>
         </div>

       <ul class="thumbnails">
                <li class="span3">
                        <a class="thumbnail" rel="prettyPhoto" href="images/fullscreen/1.jpg"><img class="group1" src="images/fullscreen/1.jpg" title="Image Title" /></a>
                    </li> <!--end thumb -->
                    <li class="span3">
                        <a class="thumbnail" rel="lightbox[group]" href="img/pics/2.jpg"><img class="group1" src="img/pics/2.jpg" title="Image Title" /></a>
                    </li> <!--end thumb -->
                    <li class="span3">
                        <a class="thumbnail" rel="lightbox[group]" href="img/pics/3.jpg"><img class="group1" src="img/pics/3.jpg" title="Image Title" /></a>

            </ul><!--end thumbnails -->



 <footer>
        <p>&copy; Kim Pirring 2013</p>
  </footer> 
 </div><!-- .container -->


 </body>
</html>