文章/答案/技术大牛

发布

社区首页 >问答首页 >在ASP.NET页面中安装jQuery图像滑块？

问在ASP.NET页面中安装jQuery图像滑块？
EN

Stack Overflow用户

提问于 2016-01-14 20:18:13

回答 1查看 75关注 0票数 1

我尝试在一个使用母版页的页面中安装这个图像滑块：http://www.c-sharpcorner.com/UploadFile/rohatash/jquery-image-slider-in-Asp-Net/在这个例子中，他使用了一个没有使用母版页的页面，所以我创建了一个新页面(这次没有使用母版页)，并且运行良好。

这是我的代码在基于母版页的页面中结束的内容：

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
        <script src="Scripts2/jquery-1.4.1.min.js" type="text/javascript"></script>
    <link href="Styles/nivo-slider.css" rel="stylesheet" type="text/css" />
    <link href="Styles/Default.css" rel="stylesheet" type="text/css" />
    <script src="Scripts2/Demo.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
   //some content here
        <div class="slider-wrapper theme-default">
        <div id="nivo-slider" class="nivoSlider">
            <img src="1.jpg" alt="" />
            <img src="2.jpg" alt="" />
            <img src="3.jpg" alt="" />
            <img src="4.jpg" alt="" />
        </div>
    </div>
        <script type="text/javascript">
        $(window).load(function () {
            $('#nivo-slider').nivoSlider();
        });
    </script>
</asp:Content>

上面的代码不工作！另一方面，这段代码运行良好：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title></title>        
    <script src="Scripts2/jquery-1.4.1.min.js" type="text/javascript"></script>
    <link href="Styles/nivo-slider.css" rel="stylesheet" type="text/css" />
    <link href="Styles/Default.css" rel="stylesheet" type="text/css" />
    <script src="Scripts2/Demo.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
   <div class="slider-wrapper theme-default">
        <div id="nivo-slider" class="nivoSlider">
            <img src="1.jpg" alt="" />
            <img src="2.jpg" alt="" />
            <img src="3.jpg" alt="" />
            <img src="4.jpg" alt="" />
        </div>
    </div>
    <script type="text/javascript">
        $(window).load(function () {
            $('#nivo-slider').nivoSlider();
        });
    </script>
    </form>
</body>
</html>

asp.net

javascript

jquery

回答 1

Stack Overflow用户

发布于 2016-01-15 15:18:48

嘿，我用母版页试过你提到的不适合你的代码，它在我身上很好用。也许您的母版页中有错误。下面是适合我的完整代码。

Default.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestUpdatePanel.Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script src="Scripts2/jquery-1.4.1.min.js" type="text/javascript"></script>
    <link href="Styles/nivo-slider.css" rel="stylesheet" type="text/css" />
    <link href="Styles/Default.css" rel="stylesheet" type="text/css" />
    <script src="Scripts2/Demo.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">

    <div class="slider-wrapper theme-default">
        <div id="nivo-slider" class="nivoSlider">
            <img src="1.jpg" alt="" />
            <img src="2.jpg" alt="" />
            <img src="3.jpg" alt="" />
            <img src="4.jpg" alt="" />
        </div>
    </div>
        <script type="text/javascript">
        $(window).load(function () {
            $('#nivo-slider').nivoSlider();
        });
    </script>
</asp:Content>

MasterPage.Master

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="MasterPage.master.cs" Inherits="TestUpdatePanel.MasterPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">

        </asp:ContentPlaceHolder>
    </div>
    </form>
</body>
</html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/34789442

复制

相似问题

问在ASP.NET页面中安装jQuery图像滑块？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ASP.NET页面中安装jQuery图像滑块？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在ASP.NET页面中安装jQuery图像滑块？
EN