Question

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

我收到一条错误，即prettyPhoto（）不是函数。

来自来源this

我做过的事情：

更改js的订单。
查看页面来源以检查是否加载了js（加载）。
chnaging jquery min.js versions。
尝试将漂亮的照片js放在脚本标记内的同一页面上。
尝试给予（在链接上）另一个项目的程序。
在脚本标记内添加charset 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>

请帮帮我。

Answer 1

你在jquery试图将它包含在最后位置之前包括prettyPhoto

Answer 2

尝试将js的顺序更改为此

<script type="text/javascript" src="../js/jquery.MultiFile.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--%>
<script type="text/javascript" src="../js/jquery.prettyPhoto.js"></script>

Answer 3

JQuery必须包含在任何JQuery插件之前（否则当它们运行时它们没有任何东西可以插入）。

作为旁注，您还包括2个不同版本的JQuery，这些版本没用，并且会为您的用户带来额外的下载时间，而且没有任何好处。

您想要将您的包含重写为：

<script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../js/jquery.MultiFile.js"></script>
<script type="text/javascript" src="../js/jquery.prettyPhoto.js"></script>

漂亮的照片（）不是js

3 个答案: