prettyPhoto 不工作，控制台中没有错误答案

【问题标题】：prettyPhoto not working, no errors in consoleprettyPhoto 不工作，控制台中没有错误
【发布时间】：2013-05-22 18:28:34
【问题描述】：

这是我<head>中的代码：

<!-- Pretty Photo -->
<link rel="stylesheet" href="/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

这是我要加载到查看器中的图像。

<div class="altImage">
    <a href="http://scoutsamerica.com/uploads/485604_10201093620571706_1239548317_n_716437.jpg" rel="prettyPhoto">
        <img src="http://scoutsamerica.com/uploads/485604_10201093620571706_1239548317_n_716437.jpg">
    </a>
</div>

我已经不这样做了几十次，无法弄清楚为什么它不起作用。有什么想法吗？

【问题讨论】：

我没用过这个插件，但是你不用在某个地方实例化它吗？喜欢$("img").prettyPhoto();

标签： jquery prettyphoto

【解决方案1】：

根据文档：

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

来源：http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/prettyphoto-faqs/

您还需要导入标准 jQuery 库才能使用 jQuery 插件！

【讨论】：

哦，嗯，我正在查看他们提供的演示源，我没有在其中看到。谢谢！

【解决方案2】：

tymeJV 的回答很有帮助，但仍然没有用。但是确实如此：

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

</script>

【讨论】：