ProgramiCo
JavaScript Web Application Development
  • Home
  • SmartJs
    • Setting up the Environment
    • Running SmartJs
  • SmartJs Blog
  • About

KnockoutJs + jQueryMobile Slider

12/4/2012

3 Comments

 
I have been having some struggle with the jQuery Mobile slider.  It is kind of non-standard in the way that it removes the original Range input from the DOM and replaces it with its own.  The one it inserts in has the same ID as the removed one.  It's actually really tricky to get 2 way binding to work with the jQuery Mobile Slider and Knockout.  After scouring the interwebs for advice on jQuery Mobile Slider + Knockout Js, I ended up creating my own custom Knockout binding to wire up the 2 way binding.

Hide the Numeric input, okay?

Okay. We got a nice slider and the normal old text input is still left next to it.  So just add this CSS to your style sheet, prefixing with the appropriate container if you want to be more specific.
3 Comments

    About the Author

    Picture
    Hugh Anderson is a web frontend developer in Tennessee who loves JavaScript and C#. 

    View my profile on LinkedIn

    Archives

    August 2015
    January 2013
    December 2012
    November 2012
    October 2012
    September 2012

    RSS Feed

Powered by Create your own unique website with customizable templates.