在哪里为jquery滑块手柄设置自定义图像

Question

我正在尝试动态更改jQuery滑块的手柄图像。

每个客户端都有自己的句柄图像，该图像保存在我网站的相应客户端文件夹中。我想根据访问应用程序的客户端更改滑块的句柄。

为此，我在页面的java脚本插件中编写了一个代码来更改类属性。

 $('.ui-slider-horizontal, .ui-slider-handle').css("background", "url(http://dev.mywebsite.com/Images/clients/SomeClientName/icon-slider.png)  no-repeat scroll 50% 50% !important;");

但是，这似乎不起作用。代码执行但滑块显示自己的图像。

如果我在路径上方浏览，那么我可以在浏览器中看到图像。

如果我在master css文件中写入相同的background属性，那么它可以正常工作。但我希望在运行时实现这一目标。

Answer 1

我最终能够通过在div中动态设置由滑块生成的link标签的background属性来实现它。这是我调用jquery.slider方法生成滑块控件的div。