ASP.net Jquery 找不到 PrettyPhoto() 函数

Question

我在这个问题上停留了一段时间，所以想我应该问其他更聪明的人:)我有一个 .NET 网站，我正在尝试使用 PrettyPhoto Jquery 插件。我已经包含了 Jquery 主库和 PrettyPhoto.js 文件在母版页中。我在使用其他 Jquery 插件时也遇到了类似的问题，我在库中找不到该函数，避免这些问题的最佳方法是什么？我应该将所有 Jquery 文件保留在母版页中，对吗？还有 CSS 链接？我已将代码发布在我的页面上，请通过代码给出如何获取 PrettyPhoto() 函数的示例。提前致谢！！

  <%@ Page Title="" Language="C#" MasterPageFile="~/Project.Master"    
  AutoEventWireup="true" CodeBehind="Portfolio.aspx.cs" Inherits="Project.Portfolio" %>
  <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

 <script type="text/javascript" charset="utf-8">
    $(document).ready(function () {
     debugger;
       //This throws error Object doesn't support property or method 'prettyPhoto'
       $("ul.gallery").prettyPhoto();
     });
</script>
  <link rel="stylesheet" href="../Stylesheets/prettyPhoto.css" type="text/css"     
  media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
  <style type="text/css" media="screen">

  ul li { display: inline; }

  </style>

  </asp:Content>
 <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

 <div id="main">
 <h2>Gallery</h2>
        <ul id="picGallery" class="gallery">
            <li><a href="../images/Portfolio/fullscreen/2krew.jpg"    
 rel="prettyPhoto[gallery1]" title="You can add caption to pictures. You can add    
 caption to pictures. You can add caption to pictures."><img src="../images/thumbnails
 /2Krewtn.jpg" width="200" height="200" alt="Red round shape" /></a></li>
            <li><a href="../images/Portfolio/fullscreen/anaura" 
 rel="prettyPhoto[gallery1]" title="You can add caption to pictures. You can add 
 caption to pictures. You can add caption to pictures."><img src="../images/thumbnails
 /anauratn.jpg" width="200" height="200" alt="Red round shape" /></a></li>
            <li><a href="../images/Portfolio/fullscreen/closed.jpg" 
 rel="prettyPhoto[gallery1]" title="You can add caption to pictures. You can add 
 caption to pictures. You can add caption to pictures."><img src="../images/thumbnails
 /Closedtn.jpg" width="200" height="200" alt="Red round shape" /></a></li>

        </ul>

 </div>

 </asp:Content>

Answer 1

我不确定这是否是正确的方法，但为了解决这个问题，jquery 和母版页使用标准 javascript 代码触发 jquery 插件，而不是 jQuery document.ready：

在我的页面底部我添加了此代码

<script type="text/javascript">
    StartJqeryPlugin();

    function StartJqeryPlugin() {

        window.setTimeout(function () {
        $("ul.gallery").prettyPhoto();
        });
        }, 250);
    }