漂亮的照片（）不是js中的函数错误

我花了很多时间在上面搜索解决方案。

我收到一个错误，prettyPhoto() 不是函数。

从源头这个

我做过的事情：

1. 改变js的顺序。
2. 查看页面源代码以检查 js 是否加载（它的加载）。
3. 更改 jquery min.js 版本。
4. 尝试将漂亮的照片 js 放在脚本标签内的同一页面上。
5. 在另一个项目上尝试给出（在链接上）程序。
6. 在脚本标签中添加字符集 utf-8 标签。

页面上的链接：

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
    <!-- Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Passion+One' rel='stylesheet' type='text/css' />
    <link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css' /> 
    <link rel="stylesheet" href="../css/thumbnail-gallery.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

    <script type="text/javascript" src="../js/jquery.MultiFile.js"></script>
    <%--important--%>
    <script type="text/javascript" src="../js/jquery.prettyPhoto.js"></script>
    <%--important--%>
    <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
    <%--important--%>
    <script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
    <%--important--%>
    <link href="../css/prettyPhoto.css" rel="stylesheet" />

我的js函数是

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

图像绑定在数据列表上。

<div id="dvGalleryImages"  align="center">
                <asp:DataList ID="dlGallery" runat="server" RepeatColumns="4" RepeatDirection="Horizontal"
                    Width="100%">
                    <ItemTemplate> 
                                    <a href='<%# Eval("FilePath")%>' rel="prettyPhoto[pp_gal]" title='<%# Eval("Name") %>'>
                                        <img src='<%# Eval("FilePath")%>' width="100" height="100" alt='<%# Eval("Name") %>' />
                                    </a>
                    </ItemTemplate>
                </asp:DataList>
            </div>

请帮帮我。