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下：

在JQuery UI CSS中添加（在CDN中管理资源的小提琴中）。
只是一个美化事物：JQuery UI CSS在单击滑块手柄时添加了轮廓。

我添加了以下代码

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

删除它。

在这里小提琴：http://jsfiddle.net/mccannf/BL5rM/5/

滑块没有显示/工作

1 个答案: