Slider .ui-widget-header无效

Question

在http://eloboosterz.com/buywins/buywins.html，滑块按照预期工作。我复制了 代码在 http://eloboosterz.com/v2/buywins.php
 但我想知道为什么滑块值正在改变而不是grafic。 下面是代码：

                  <div id="slide_div"class="slider">


    <div id="slider-result">0</div>   
  <!--<input type="hidden" id="hidden"/>-->

       <script> 

        $( ".slider" ).slider({
      animate: true,
            range: "min",
            value: 3,
            min: 3,
            max: 30,
    step: 1,

    //this gets a live reading of the value and prints it on the page
            slide: function( event, ui ) {
                $( "#slider-result" ).html(  ui.value );
                 writePrice();
            },

    //this updates the hidden form field so we can submit the data using a form
           change: function(event, ui) { 



            }

    });


    </script> 
    <div id="price"> PRICE</div>

  </div><!--end class slider-->

好的我修好了。为了让滑块工作，我需要在我的Js中删除writePrice（），因为我还没有定义它。