ASP.net Jquery не может найти функцию prettyPhoto () - PullRequest
Новая
       14

ASP.net Jquery не может найти функцию prettyPhoto ()

0 голосов
/ 17 февраля 2012

Я застрял на этом немного, поэтому решил, что я бы попросил кого-то умнее :) У меня есть сайт .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>

1 Ответ

0 голосов
/ 17 февраля 2012

Я не уверен, что это правильный подход, но решить эту проблему с помощью jquery и главных страниц, запустив плагин jquery со стандартным кодом javascript, а не документ jQuery.ready:

Вкл.внизу моей страницы я добавил этот код 

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

    function StartJqeryPlugin() {

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