According to API docs:

You can specify custom handle elements by creating and appending the elements and adding the ui-slider-handle class before initialization.

​http://api.jqueryui.com/slider/#entry-longdesc

We should have a demo for that.

ui-icon-carat-* icons silently renamed to ui-icon-caret-*

in function _getParentOffset

if(this.cssPosition === "absolute" && this.scrollParent[0] !== this.document[0] && $.contains(this.scrollParent[0], this.offsetParent[0])) {
			po.left += this.scrollParent.scrollLeft();
			po.top += this.scrollParent.scrollTop();
		}

After I sort the elements frist time. "this.cssPosition" always equals "absolute",When I sort the elements next time , get wrong top and left.

I update with follow code.The "helper" get the right position.

if(this.helper.css("position", "absolute") === "absolute" && this.scrollParent[0] !== this.document[0] && $.contains(this.scrollParent[0], this.offsetParent[0])) {
			po.left += this.scrollParent.scrollLeft();
			po.top += this.scrollParent.scrollTop();
		}