在哪裏設置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;"); 

但是，這似乎並不奏效。代碼執行但滑塊顯示自己的圖像。

如果我瀏覽上面的路徑，那麼我可以在瀏覽器中看到圖像。

如果我在我的主CSS文件中寫入相同的背景屬性，那麼它工作正常。但我想在運行時實現這一點。

Answer 1

我最終能夠通過設置在div內動態生成的鏈接標籤的背景屬性來實現它。這是我調用jquery.slider方法生成滑塊控件的div。