更改 JQuery 范围滑块图像

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

Thanks

抱歉拖了一个老问题，但我想做同样的事情。不幸的是，上面的方法不起作用，因为它只针对两个“箭头”标签。这也是由于 jquery ui 吐出的内容所致；这两个标签都具有以下标记：

<a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 15%;"></a>

您需要做的是注入或更改标记中的类，以便您可以使用一些 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 标记更改为：

<a class="ui-state-default handle_ first-handle" href="#" style="left: 15%;"></a>
<a class="ui-state-default handle_ second-handle" href="#" style="left: 60%;"></a>

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