带有bootstrap的asp.net中的jquery滑块 [英] jquery slider in asp.net with bootstrap

问题描述

我正在尝试让滑块在屏幕上显示，但我碰到了墙.我读过的所有内容都说应该可以...这是我的代码.

I'm trying to get a slider to display on the screen but I am hitting a wall. Everything I've read says it should work... Here's my code.

<%@ Page Title="ClinicalTrial.gov" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="SeanTiffanyJoshua.aspx.cs" Inherits="DrugDevelopmentGame.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <link href="SeanTiffanyJoshua.css" rel="stylesheet" />
    <script src="Scripts/jquery-1.10.2.min.js"></script>

    <script>
        $(document).ready(function () {
            $("#slider").slider();
        });
    </script>

    <div id="slider"></div>
    <asp:Label ID="lbl" runat="server">slider</asp:Label>

</asp:Content>

我做错了什么?请请帮助我:(

What am I doing wrong? please please please help me :(

推荐答案

您缺少对jQueryUI.js和jQueryUI.css的引用.添加对它们的引用..

You are missing reference to jQueryUI.js and jQueryUI.css. Add reference to them..

<%@ Page Title="ClinicalTrial.gov" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="SeanTiffanyJoshua.aspx.cs" Inherits="DrugDevelopmentGame.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <link href="SeanTiffanyJoshua.css" rel="stylesheet" />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

    <script src="Scripts/jquery-1.10.2.min.js"></script>
    <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

    <script>
        $(document).ready(function () {
            $("#slider").slider();
        });
    </script>

    <div id="slider"></div>
    <asp:Label ID="lbl" runat="server">slider</asp:Label>

</asp:Content>

JSFiddle

这篇关于带有bootstrap的asp.net中的jquery滑块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！