更改JQuery范围滑块图像

我正在尝试使用JQuery范围滑块，可以为手柄添加图像（其中两个）很好，但我希望两个手柄都有不同的图像而不是相同的图像（左箭头和右箭头），这是可能？

谢谢

Answer 1

我想这应该是你必须做的一些CSS。基本上滑块应该是一个achor标签（）并且它的样式显示为句柄。 因此，通过更改CSS，您可以轻松更改图像。 使用firebug来查找句柄中正在使用的CSS，然后进行编辑。

Firebug是一个帮助Web开发的firefox插件。 您可以使用它来检查页面的html标记及其样式。实际上它可以像检查http请求等那样做。

http://getfirebug.com/

Answer 2

很抱歉拖了一个旧问题，但我还是想做同样的事情。 不幸的是，上述方法不起作用，因为它只针对两个’箭头’标签。 这也是由于jquery ui吐出来的; 两个标签都有以下标记：

你需要做的是注入或更改标记中的类，以便你可以使用一些CSS进行目标。 我发现这个片段可以解决问题：

 $(window).load(function(){ //Used for slider with two arrows - start var firstHandleClass = 'first-handle'; var secondHandleClass = 'second-handle'; handle = $('#slider-range A.ui-slider-handle'); handle.removeClass('ui-corner-all'); handle.removeClass('ui-slider-handle'); handle.addClass('handle_'); handle.eq(0).addClass(firstHandleClass); handle.eq(1).addClass(secondHandleClass); }); 

只需使用一些JQuery来标记标记。 上面添加和删除了两个“箭头”链接的类，您可以明显地根据您的要求进行定制。 以上将HTML标记更改为：

它允许您单独定位每个链接。 希望有所帮助。