0

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;

}

誰かが私のためにこれを見て微調整できることを願っています...

4

1 に答える 1

0

私はあなたのフィドルに次の2つの変更を加えましたが、少なくともChromeとFF15では機能します。

  1. JQuery UI CSSに追加されました（フィドルのCDNからのリソースの管理の下）。

  2. JQuery UI CSSは、クリックされたときにスライダーハンドルにアウトラインを追加していました。

次のコードを追加しました

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

それを削除するためにCSSに。

ここでフィドル：http：//jsfiddle.net/mccannf/BL5rM/5/

于 2012-11-14T04:40:21.817 に答える