如何在母版頁上使用JQuery圖像滑塊？

我處於jquery在沒有masterpage的aspx頁面內工作的情況，但是它擁有主頁面。這是我在做什麼...我在Home.aspx頁面中使用jQuery圖像滑塊與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>

來源

2012-09-22 Ammar Asjad

招：瀏覽網頁，查看源代碼，請點擊JS素文字鏈接，看看是否可以下載它們。如果沒有正確的地址 –

@FelicePollano在點擊js腳本鏈接它在新窗口中打開不可下載，但我用同樣的js腳本鏈接沒有母版頁，它的工作原理。但在使用母版頁後它不能:( –

jQuery 1.4.1在這些日子裏相當長，你可能想要更新它。 – steveax

我已經找到了我自己的問題的答案，所以我想與大家分享這個。我在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-22 07:10:27

如何在母版頁上使用JQuery圖像滑塊？

回答

相關問題