jQuery スライダーのハンドル イメージをオンザフライで変更しようとしています。
各クライアントには独自のハンドル イメージがあり、Web サイトの対応するクライアント フォルダに保存されます。アプリケーションにアクセスしているクライアントに基づいて、スライダーのハンドルを変更したいと考えています。
このために、クラス プロパティを変更するコードをページの 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 ファイル内に同じ背景プロパティを記述すると、正しく機能します。しかし、私は実行時にこれを達成したいと考えています。