Jquery UI滑塊 - 基本示例不工作

以下簡單的jQuery滑塊網頁使用CSS和JavaScript的CDN - 顯示滑塊但不操作（不隨鼠標單擊一起移動）。任何想法的人？Jquery UI滑塊 - 基本示例不工作

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head runat="server"> 
     <title></title> 

     <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" /> 

    </head> 

    <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script> 
    <script src="http://code.jquery.com/ui/1.8.19/jquery-ui.min.js" type="text/javascript"></script> 

    <body> 
     <form id="form1" runat="server"> 
     <div> 

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

      <div id="slider"></div> 

     </div> 
     </form> 
    </body> 
    </html>

來源

2012-08-30 user1444886

更新您的jQuery UI的CDN的路徑

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js" type="text/javascript"></script>

來源

2012-08-30 10:13:03

這是正確的和工作 - 非常感謝你！ – user1444886

使用下面的代碼，它工作正常。

 < link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 

     < script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
     < script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

來源

2012-08-30 10:15:19 DadViegas

Jquery UI滑塊 - 基本示例不工作

回答

相關問題