Slider initialize does not style the box with number

[jonas-db]

I talked about it in the irc but didn't get a reply (http://irc.jquery.org/%23jqueryui-dev/default_%23jqueryui-dev_20140703.log.html#t14:37:29)

Anyways if you do .slider() on a number element it doesn't style the box..

picture: http://imgur.com/r5m2LMM

checkout this jsbin:
http://jsbin.com/hiwolepe/3/edit

[gabrielschulhof]

The correct way to dynamically inject a slider is the following:

    $( "<input type='number' data-type='range' min='0' max='100' step='1' value='23'>" )
        .appendTo( "#myForm" )
        .slider()
        .textinput();

You must use an input of type number and you need to add the attribute data-range="true" to the input.

I'll make a demo.

[jonas-db]

Didn't know that i had to call textinput() also, thanks! :)