Сразу код:
<div class="scroll-bar"></div>
.ui-slider { background: url("../images/news_scrollbar.png") top no-repeat; display: inline-block; border:0; height: 2em; margin: 0 auto; width: 432px; }
.ui-slider-handle { background: url("../images/icons/news_scrollbar_button.png") top no-repeat; display: inline-block; height: 20px; width: 20px; }
$(function(){
$("div.scroll-bar").slider();
});
Слайдер принимает правильный вид, но не работает, ползунок просто ведет себя, как простой элемент. В консоли гуглохрома светится ошибка:
> Uncaught TypeError: Cannot call method 'addClass' of undefined jquery-ui.min.js:371
b.widget._mouseCapture jquery-ui.min.js:371
b.widget._mouseDown jquery-ui.min.js:25
(anonymous function) jquery-ui.min.js:24
p.event.dispatch jquery.js:2
g.handle.h
Я не могу понять проблему, сижу и боюсь, что ошибка в UI и придется ее там искать. Очень надеюсь на вашу помощь...