在asp.net jquery滑块与引导

Question

我试图让滑块显示在屏幕上，但我打墙。我读过的所有内容都说它应该可以工作......这是我的代码。

<%@ 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> 

我在做什么错？请请请帮助我:(

Answer 1

你缺少参考jQueryUI.js和jQueryUI.css添加引用他们..

<%@ 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