Jquery UI滑塊不工作

這裏是我的頭代碼：

<head> 
    <link href="/stylesheets/public.css?1316972296" media="screen" rel="stylesheet" type="text/css" /> 
<link href="/stylesheets/tipTip.css?1263394346" media="screen" rel="stylesheet" type="text/css" /> 
     <script src="/javascripts/jquery.js?1316972671" type="text/javascript"></script> 
<script src="/javascripts/jquery-ui.js?1316972675" type="text/javascript"></script> 
<script src="/javascripts/jquery_ujs.js?1312204886" type="text/javascript"></script> 
<script src="/javascripts/application.js?1316972551" type="text/javascript"></script> 

       <script src="/javascripts/jquery.tablesorter.min.js?1314102048" type="text/javascript"></script> 
<script src="/javascripts/jquery.tipTip.minified.js?1269274200" type="text/javascript"></script> 
    <meta name="csrf-param" content="authenticity_token"/> 
<meta name="csrf-token" content="OALn13CELwr3umFrj2BVDeLzw8VhZ2Hmjm/+g2SrGRs="/> 
    <script type="text/javascript"> 



       $(document).ready(function() { 

         $("#slider").slider({ 
    value: 100, 
    min: 0, 
    max: 1000, 
    step: 100, 
    slide: function(event, ui) { 
     if (ui.value == $(this).slider('option', 'max')) { 
      $(ui.handle).html('Ubegrænset'); 
      $('#sliderValue').val('99999'); 
     } else { 
      $(ui.handle).html(ui.value); 
      $('#sliderValue').val(ui.value); 
     } 
    } 
}).find('a').html($('#slider').slider('value')); 

$('#sliderValue').val($('#slider').slider('value')); 

           $('.tip').tipTip(defaultPosition: "top"); 


       }); 

    </script> 
</head>

在我的網頁我有：

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

來源

2011-09-25 Rails beginner

什麼是你用'}）做發現（ 'A'）HTML（$（ '＃滑塊'。）滑塊（ '值'））;'。？ –

下面一行在語法上是不正確的：

$('.tip').tipTip(defaultPosition: "top");

你大概的意思是：

$('.tip').tipTip({ defaultPosition: "top" });

更新的樣本：http://jsfiddle.net/andrewwhitaker/z3xV3/

來源

2011-09-25 18:16:03

沒有添加到滑塊的樣式。如何添加默認主題？ –

@Railsbeginner：我會在CDN上添加一個對CSS主題的引用，例如Microsoft的：http://www.asp.net/ajaxlibrary/CDNjQueryUI1816.ashx –

我已經添加了引用，但滑塊框未調整爲文字作爲你的例子 –

Jquery UI滑塊不工作

回答

相關問題