I've used jQuery UI to make a slider that controls the overlays on a map.  On my local development environment the slider works perfectly.  I can click the slider itself and the handle jumps there.  I can use some arrow buttons that increment & decrement the slider value.  In each case, the correct events are triggered and the map overlays respond.  No errors are shown in the JavaScript console.

When I uploaded everything to Amazon AWS S3 and ran it in production, though, new problems arose.  The arrow buttons still work perfectly, but clicking the slider does not.  When I click on the slider, the handle moves where it should and the slide method is executed correctly, but the change method does not execute.  Instead, the error below is posted in the JavaScript console.

1. Uncaught Error: cannot call methods on slider prior to initialization; attempted to call method 'value' jquery.min.js:2
1. p.extend.error jquery.min.js:2
2. (anonymous function) jquery-ui.min.js:5
3. p.extend.each jquery.min.js:2
4. p.fn.p.each jquery.min.js:2
5. e.fn.(anonymous function) jquery-ui.min.js:5
6. updatePathDisplay quartermaester.info:335
7. $.slider.change quartermaester.info:410
8. e.Widget._trigger jquery-ui.min.js:5
9. e.widget._change jquery-ui.min.js:5
10. (anonymous function) jquery-ui.min.js:5
11. e.widget._mouseStop jquery-ui.min.js:5
12. (anonymous function) jquery-ui.min.js:5
13. e.widget._mouseUp jquery-ui.min.js:5
14. (anonymous function) jquery-ui.min.js:5
15. _mouseUpDelegate jquery-ui.min.js:5
16. p.event.dispatch jquery.min.js:2
17. g.handle.h jquery.min.js:2

 

I'm using the latest version of Google Chrome in both cases.  All source files should be identical.  The slider is initialized during page load (otherwise I couldn't click on it, right?), so I'm  not sure what to make of the error.

Can anyone provide any advice?  Thanks.