jquery - prettyPhoto 打破了 document.ready()

Question

我正在尝试让 prettyPhoto 工作，但我似乎遇到了问题。每当我加载 prettyPhoto.js 时，它都会默默地失败。我没有收到控制台警告，并且所有内容都声称加载得很好。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>  
<script src="Scripts/jquery.prettyPhoto.js" type="text/javascript" />

<script type="text/javascript">
    $(document).ready(function(){
        alert('test1');
        $("a[rel^='prettyPhoto']").prettyPhoto();
        alert('test2');
});
</script>

除非我删除<script src="Scripts/jquery.prettyPhoto.js" type="text/javascript" />.

如果有人知道如何解决这个问题，我会非常感激。我也接受 prettyPhoto 的一个很好的替代品作为答案。谢谢。

Answer 1

使用 jQuery 关键字代替美元符号，有时会产生冲突。不要忘记通过'$'。

jQuery(document).ready(function($){
    // Your code
});