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>

これらの2つのライブラリを配置するページを教えてください。

<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 に答える