滑塊不顯示/工作

Question

http://jsfiddle.net/adamadam123/L3Mab/18/

我試圖讓jQuery UI的滑塊的工作 - 你可以看到在jsfiddle.net

的代碼，我可以得到滑塊出現，但是當我已經更改了更新，做滑動（藍色按鈕）圖標失敗：

div.chatMessengerWrapper .ui-slider-vertical .ui-slider-handle { 
background: url(http://www.staticimages.co/online-dating/chat-contacts-slider-button.png) no-repeat; 
height: 36px; 
border: none; 
width: 16px; 

}

hopeing有人可以看看，並調整這對我來說...

Answer 1

我做了以下兩個更改您的小提琴和它的作品對我來說，至少在Chrome和FF 15：

1. 添加在JQuery的UI CSS（下撥弄從CDN管理資源）。

2. 只是一個美觀的東西：JQuery UI CSS被點擊時添加一個輪廓到滑塊手柄。

添加以下代碼

div.chatMessengerWrapper a:focus { 
     outline: none; 
    } 

的CSS將其刪除。

小提琴在這裏：http://jsfiddle.net/mccannf/BL5rM/5/