1

我的情况是 jquery 在没有母版页的 aspx 页面中工作,但是母版页很糟糕。这就是我正在做的事情......我在 Home.aspx 页面的 mysite 中使用 jquery 图像滑块。

下面是带有母版页的 Home.aspx:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Home.aspx.cs" Inherits="WebApplication3.Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="main">
        <h1>
            Apple-like Slideshow Gallery</h1>
        <div id="gallery" style="border: 1px solid red;">
            <div id="slides">
                <div class="slide">
                    <img src="Images/imac.jpg" />" width="920" height="400" alt="side" /></div>
                <div class="slide">
                    <img src="Images/iphone.jpg" />
                    width="920" height="400" alt="side" /></div>
                <div class="slide">
                    <img src="Images/macbook.jpg" />
                    width="920" height="400" alt="side" /></div>
            </div>
        </div>
    </div>
</asp:Content>

这是 Master.aspx 编码:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication3.SiteMaster" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head runat="server">
    <title></title>

    <link href="Styles/demo.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server">
    <div class="page">
        <div class="clear hideSkiplink">
            <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false"
                IncludeStyleBlock="false" Orientation="Horizontal">
                <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home" />
                    <asp:MenuItem NavigateUrl="~/About.aspx" Text="About" />
                </Items>
            </asp:Menu>
        </div>
        <asp:ContentPlaceHolder ID="MainContent" runat="server" />
    </div>
    </form>
</body>
</html>

请帮我把这两个库放在哪个页面上:

<link href="Styles/demo.css" rel="stylesheet" type="text/css" />
         <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
4

1 回答 1

3

我已经找到了自己问题的答案,所以我想与大家分享。我在 Home.aspx 中做了一些小改动,我在内容占位符中添加了图像滑块的脚本路径。

在这里你可以看到区别:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Home.aspx.cs" Inherits="WebApplication3.Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script src="Scripts/script.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="main">
        <h1>
            Apple-like Slideshow Gallery</h1>
        <div id="gallery" style="border: 1px solid red;">
            <div id="slides">
                <div class="slide">
                    <img src="Images/imac.jpg" />" width="920" height="400" alt="side" /></div>
                <div class="slide">
                    <img src="Images/iphone.jpg" />
                    width="920" height="400" alt="side" /></div>
                <div class="slide">
                    <img src="Images/macbook.jpg" />
                    width="920" height="400" alt="side" /></div>
            </div>
        </div>
    </div>
</asp:Content>
于 2012-09-22T07:10:27.100 回答