Jquery Slider : Object [object Object] has no method 'slider'?

Question

I am probably missing something trivial but I cannot find any flaw, I have a Jquery UI slider

$(function()
        {
            $("#slider").slider(
                {
                    min : 0,      // Have a box that just takes in the price
                    max : 500,
                    change: function(event,ui)
                    {
                        $( "#amount" ).val( "$" + ui.value );
                    }
                });
            $("#amount").val( "$" + $("#slider").slider("value") );
        });

my html code is

<label for="amount">Your Price:</label> 
<input type="text" id="amount" style="border: 0; font-weight: bold;" />
<div id="slider" class="slider"></div>

but my slider does not display , I keep getting this error in chrome

Uncaught TypeError: Object [object Object] has no method 'slider'

I have also included the jquery header files

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>

any help would be appreciated!

have you included the jquery ui header file? they are not the same — Benjamin Gruenbaum
– Benjamin Gruenbaum, Commented Aug 8, 2012 at 18:55

thecodeparadox · Accepted Answer · 2012-08-08 18:54:59Z

1

You need to include the jQuery UI plugin for slider after jQuery include. That is:

<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="PATH_TO_JQUERY_UI"></script>

answered Aug 8, 2012 at 18:54

thecodeparadox

87.2k22 gold badges143 silver badges164 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

alex Over a year ago

Thank you , I did not notice the jquery UI script

Collectives™ on Stack Overflow

Jquery Slider : Object [object Object] has no method 'slider'?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related