在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