jQuery-ui slider handle with inputfield following not working when page is centered

0 votes

Im trying to make a input field follow the handle bar of the jQuery handle-bar. It works somehow right when using the top answer at: Jquery UI slider how to make a box follow the handler?

But it doesn't work properly when having the slider inside a container with margin:0 auto; and position:relative;

You can see what I'm talking about here

Any help or suggestions appreciated, but I really need my site to be centered.

Thanks in advance, cookies will be rewarded

Edit: I wish the input to appear below the handle-bar

Aug 19 in Web Development by gaurav
• 18,960 points
33 views

No answer to this question. Be the first to respond.

Your answer

Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.

Related Questions In Web Development

0 votes
1 answer
0 votes
0 answers

UL subdrop not working with jquery in Asp.Net C#

Keep searching why sub drop not working ...READ MORE

Jul 29 in Web Development by gaurav
• 18,960 points
22 views
0 votes
1 answer

Check if checkbox is checked with jQuery

To check whether a Checkbox has been ...READ MORE

answered Jun 23 in Web Development by rajatha
• 7,440 points
87 views
0 votes
1 answer

Loading gif in jQuery ajax call is not showing

Create a div with your image. Make it ...READ MORE

answered Jun 27 in Web Development by rajatha
• 7,440 points
214 views
0 votes
0 answers

jQuery: Test if checkbox is NOT checked

I'm having trouble figuring this out. I ...READ MORE

Jun 29 in Web Development by gaurav
• 18,960 points
71 views
0 votes
0 answers

Jquery array.push() not working

I have been trying to add variables ...READ MORE

Jul 1 in Web Development by gaurav
• 18,960 points
302 views
0 votes
1 answer

Date range picker on jquery ui datepicker

Thanks I need this kind of code. ...READ MORE

answered Jun 27 in Web Development by rajatha
• 7,440 points
526 views
0 votes
0 answers

jQuery UI: connect sortable lists through tabs

Here is an example at jQuery UI official site, ...READ MORE

Jul 20 in Web Development by gaurav
• 18,960 points
37 views
0 votes
0 answers

How to set jQuery draggable min/max-left and min/max-right

I made a copy of JSbin for ...READ MORE

Jul 20 in Web Development by gaurav
• 18,960 points
26 views
0 votes
0 answers

How to set jQuery draggable min/max-left and min/max-right

I made a copy of JSbin for ...READ MORE

Jul 21 in Web Development by gaurav
• 18,960 points
145 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP