jquery - 滑块不显示/工作

Question

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

我正在尝试让 Jquery UI Slider 工作 - 您可以在 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;

}

希望有人可以为我看看并调整它...

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/