页面刷新时 jQuery 未定义

Question

我认为这个问题没有在其他地方提出过，但如果我错了，请纠正我。

我正在使用在网上找到的一段漂亮的 JavaScript 代码来在页面上添加图像幻灯片。我已将其添加到 ASP.NET 页面，并且工作正常，图像以适当的间隔正确显示。然而，问题是，每当我刷新页面(F5 或地址栏上的“刷新”按钮，顺便说一下，我正在 IE9 上进行测试)时，就会出现以下错误消息: 线路:17 错误:“jQuery”未定义

接着是: 线路:44 错误:属性“jQuery”的值为 null 或未定义，而不是 Function 对象。

当我转到另一个页面并单击“后退”按钮时，幻灯片也可以完美运行。看来问题只发生在页面刷新时。

以下是 ASP header 内容标记内的代码:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" src="Scripts/fadeslideshow.js"></script>

幻灯片的代码取自“Dynamic Drive”(Ultimate Fade In Slideshow v2.0)http://www.dynamicdrive.com/

我尝试将 javascript 引用移至 ASP 正文内容标记内的底部部分，以防错误与页面加载时调用 javascript 的顺序有关。虽然我真的没什么想法，现在有点卡住了。如有任何帮助，我们将不胜感激。

ASP.NET 页面代码:

<%@ Page Title="Community Support" Language="VB" MasterPageFile="~/Main.Master" AutoEventWireup="false"
CodeFile="Copy of CommunitySupport.aspx.vb" Inherits="CommunitySupport" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="Scripts/fadeslideshow.js">

    /***********************************************
    * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
</script>
<script type="text/javascript">

    var defaultPhoto1 = new String("");
    var defaultPhoto2 = new String("");
    var defaultCaption1 = new String("");
    var defaultCaption2 = new String("");

    defaultCaption1 = "caption A";
    defaultCaption2 = "caption B";

    defaultPhoto1 = "Images/photo1.png";
    defaultPhoto2 = "Images/photo2.png";

    function getSlideShowImages() {

                var mygallery = new fadeSlideShow({
                wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
                dimensions: [320, 220], //width/height of gallery in pixels. Should reflect dimensions of largest image
                imagearray: [
                [defaultPhoto1, "", "", defaultCaption1],
                [defaultPhoto2, "", "", defaultCaption2]

            ] //<--no trailing comma after very last image element!
            ,
                displaymode: { type: 'auto', pause: 2500, cycles: 0, wraparound: false },
                persist: false, //remember last viewed slide and recall within same session?
                fadeduration: 500, //transition duration (milliseconds)
                descreveal: "ondemand",
                togglerid: ""
            })            
    }
</script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<asp:HiddenField ID="hidSlideShow" runat="server"/>            
<asp:HiddenField ID="hidCaptions" runat="server"/>
<table width="100%">
    <tr>
        <td width="60%" valign="top">
                    <table width="100%">
                        <tr>
                            <td width="100%" valign="bottom" class="heading1">Title
                            </td>                                                            
                        </tr>                              
                        <tr>
                            <td width="100%"><br />Content
                            </td>
                        </tr>
                        <tr>                                
                        </tr>
                    </table>
        </td>
        <td width="40%" valign="top">
            <div id="fadeshow1" class="slideDiv">
            </div>
        </td>
    </tr>
</table>

“fadeshow1”div 是显示幻灯片的位置。

Answer 1

看起来您需要将该函数放入“就绪”函数中。 http://api.jquery.com/ready/

$(document).ready(function() {
  getSlideShowImages();
});