jQuery:Bootstrap中的PrettyPhoto不能正常工作

时间:2013-10-25 16:21:00

标签: jquery twitter-bootstrap prettyphoto

我希望有人可以帮助我,我不能让PrettyPhoto脚本在我的页面中运行,这是我的代码。

<!DOCTYPE html>
<html>
<html lang="es">
  <head>
   <script src="js/jquery-1.6.1.min.js"></script>
   <script src="js/jqueryprettyPhoto.js"></script>
   <script type="text/javascript" src="kb-plugin/js/jquery.themepunch.plugins.min.js"></script>
   <script type="text/javascript" src="kb-plugin/js/jquery.themepunch.kenburn.js"></script>
   <!-- CSS -->
   <link rel="stylesheet" href="css/bootstrap.css">
   <link rel="stylesheet" href="css/custom.css" >
   <link rel="stylesheet" href="css/style-kenburner.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="kb-plugin/css/settings.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen"/>
   <!-- Fuentes especiales -->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' rel='stylesheet' type='text/css'> 
   <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
   <!--[if lt IE 9]>
    <script src="/js/html5shiv.js"></script>
    <script src="/js/respond.min.js"></script>
   <![endif]-->
   </head>

然后是我的HTML

<a href="http://www.youtube.com/watch?v=HiaOFOMPOBc" rel="prettyPhoto" title=""><img src="images/youtube.png" alt="YouTube" /></a>

最后在&lt;结束时/体&GT;

    <script src="js/bootstrap.min.js"></script>   

        <script type="text/javascript" charset="utf-8">
$(document).ready(function(){
  $("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>

同样在控制台中我收到此错误。

未捕获的TypeError:对象[object Object]的属性'$'不是函数index3.html:318 (匿名函数)

但不起作用,你的时间xD

0 个答案:

没有答案