jquery - slider 不显示/工作

Question

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

我正在尝试让 Jquery UI Slider 工作 - 您可以在 jsfiddle.net 中查看代码

我可以让 slider 出现，但是当我进行更改以更新执行滑动的图标(蓝色按钮)时，它失败了:

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

我对您的 fiddle 进行了以下两项更改，它对我有用，至少在 Chrome 和 FF 15 下:

1. 已添加到 JQuery UI CSS 中(在 fiddle 的“从 CDN 管理资源”下)。

2. 只是装饰性的东西:JQuery UI CSS 在单击时向 slider handle 添加轮廓。

我添加了以下代码

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

到 CSS 将其删除。

在这里 fiddle :http://jsfiddle.net/mccannf/BL5rM/5/