Im using jquery UI to build a horizontal slider based on the demo here:
http://jqueryui.com/demos/slider/side-scroll.html
My code is pretty much identical, and works in firefox and internet explorer. It doesn't however in Safari and Chrome.
The reason is that when I click on the handle, it sometimes works, and sometimes the browser thinks it should be clever and instead of dragging my slider control, it drags an anchor element with href="#", messing up the logic flow leading to a slider that follows my mouse around once having let go of my mouse button.
If I then go here:
http://jqueryui.com/demos/slider/#side-scroll
And do a direct copy paste, I get the default slider from the example BUT, I still get the problem. Note that the slider works fine on the example page.
How do I disable this and get my fully functional horizontal slider?