Jquery UI Range Slider Lagging Response to mouse movement

问题

I am using JQuery UI range slider. My slider handles seem not to move smoothly with cursor but lag. I am using class="styloot" with my body tag. I found out that removing this class from body tag in my html structure makes the slider movement butter smooth (though breaks my layout). So I decided to add class '.styloot' to every element in the plugin stylesheet like -->

.styloot .ui-range-slider {
  /* respective styles */ 
}

Now what I observe is the grey shaded portion that indicates the selected range moves smooth with mouse but the handles still lag. Here is the link to the page --> http://oracle.styloot.com/static/discover/discover.html Seems like I am close to the problem. Can someone please point me in the right direction.

来源：https://stackoverflow.com/questions/19117535/jquery-ui-range-slider-lagging-response-to-mouse-movement