Jquery UI 슬라이더가 작동하지 않습니다.

내 Jquery 슬라이더가 작동하지 않습니다. 여기 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>

그리고 내 페이지에서 내가 가진 :

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

당신은 아마 의미 :

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

출처

2011-09-25 Rails beginner

당신이)}'로하고있는 것을 발견 ('A') HTML ($ ('# 슬라이더'.) 슬라이더 ('값'))'..? –

다음 줄의 구문이 잘못

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

업데이트 샘플 :http://jsfiddle.net/andrewwhitaker/z3xV3/

출처

2011-09-25 18:16:03

슬라이더에 추가 된 스타일이 없습니다. 기본 테마를 추가하는 방법? –

@Railsbeginner : Microsoft와 같은 CDN의 CSS 테마에 대한 참조를 추가합니다. http://www.asp.net/ajaxlibrary/CDNjQueryUI1816.ashx –

참조를 추가했지만 슬라이더 상자가 귀하의 예로서 텍스트 –

Jquery UI 슬라이더가 작동하지 않습니다.

답변

관련 문제