Używam suwaka JQuery UI, który ma dwa uchwyty (suwak 01.86.a. zakres). Wiem jak style the first handle:Jak używać innego obrazu dla każdego suwaka JQuery UI Suwak
.ui-slider-horizontal .ui-slider-handle {background: white url(https://stackoverflow.com/content/img/so/vote-arrow-down.png) no-repeat scroll 50% 50%;}
Ale w jaki sposób projektować drugi uchwyt inaczej?
Korzystanie Firebug widzę Jquery nie jednoznacznie identyfikują każdy uchwyt:
<div id="hourlyRateSlider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<div class="ui-slider-range ui-widget-header" style="left: 26%; width: 46%;"/>
<a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 26%;"/>
<a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 72%;"/>
</div>
więc sobie wyobrazić, muszę użyć selektora CSS dzieci, które mogłyby być cross-browser problematyczne. Czy mogę użyć sztuczki JQuery, aby dodać klasę CSS do drugiego uchwytu? Czy ktoś wcześniej robił to w zgrabny sposób?
@Tom - udało Ci się znaleźć rozwiązanie? – karim79
@ karim79 - Nie, przepraszam - nigdy nie dowiedziałem się, jak stylować każdy uchwyt inaczej :-( – Tom