Jquery UI slider not working

By
Admin
– September 25, 2011Posted in: Questions & Answers

My Jquery slider is not working.

Here is my header code:

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

And in my page I have:

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

newest questions tagged jquery – Stack Overflow

Tags: , ,

About Admin