Не удается перетащить ползунок jQuery UI

Question

Я добавил ползунок jQuery UI на свою страницу, но не могу перетащить маркер.Я обнаружил, что мне нужно было добавить display: block к дескриптору, чтобы он появился.В противном случае он не будет отображаться, даже если я установил высоту / ширину.Вот мой CSS:

.ui-slider-horizontal {
background:     #eb7c21;
height:         5px;
}

.ui-slider-handle {
background:     url("slider.png") no-repeat;
height:         24px;
width:          27px;
display:        block;
}

Answer 1

Если вам нужно было отредактировать сам CSS, скорее всего, эта проблема связана с пользовательским интерфейсом jQuery, а не с CSS.У меня никогда не было проблем со слайдером, поэтому проверьте следующее:

1. У вас есть все правильные зависимости для слайдера?(т.е. ядро, виджет и мышь)
2. Правильно ли вы инициализировали слайдер?То, что нет ошибок javascript, не означает, что нет ошибок jQuery UI.
3. Вы пробовали простейшую из реализаций и работали оттуда?

Я бы скопировал исходный код из примера пользовательского интерфейса jQuery здесь: http://jqueryui.com/demos/slider/ Если это все ещене работает, тогда покажите нам весь ваш исходный код (т.е. javascript и html, где включен слайдер div), и мы сможем лучше помочь вам.

Answer 2

Это старый вопрос, и на него ответили, но если у вас возникла эта проблема, то принятый ответ «вы, вероятно, просто делаете это неправильно», вероятно, менее чем полезен.

Что исправило эту проблему для меня, так это добавление файлов спрайтов изображений. Я получил 404 ошибки в консоли для [css dir] /images/ui-bg_glass_75_e6e6e6_1x400.png и [css dir] / images / ui-bg_flat_75_ffffff_40x100. png, но пытался заставить слайдер на самом деле скользить, прежде чем я обратился к тому, что я считал проблемой стиля.

Очевидно, что это в некотором смысле покрыто принятым ответом, но, возможно, это спасет кого-то от нескольких часов разочарования.