slider: use data-highlight attribute
[platform/framework/web/web-ui-fw.git] / src / widgets / slider / js / jquery.mobile.tizen.slider.js
index 02525a4..60fb999 100755 (executable)
                        var self = this,
                                inputElement = $( this.element ),
                                slider,
-                               slider_bar,
                                handle_press,
                                popupEnabledAttr,
                                icon,
 
                        // wrap the background
                        if ( icon === undefined ) {
-                               slider.wrap('<div class="ui-slider-bg"></div>');
+                               slider.wrap('<div class="ui-slider-container"></div>');
                        } else {
-                               slider.wrap('<div class="ui-slider-icon-bg"></div>');
+                               slider.wrap('<div class="ui-slider-icon-container"></div>');
                        }
 
                        // get the handle
                                break;
                        }
 
-                       // slider bar
-                       slider.append($('<div class="ui-slider-bar"></div>'));
-                       self.slider_bar = slider.find('.ui-slider-bar');
-
                        // handle press
                        slider.append($('<div class="ui-slider-handle-press"></div>'));
                        self.handle_press = slider.find('.ui-slider-handle-press');
                        // the slider's value changes :(
                        this.handle.removeAttr('title');
 
-                       this.slider_bar.width( this.handle.css('left') );
-
                        newValue = this.element.val();
 
                        if ( this.popupVisible ) {