Как использовать элемент управления JQuery Slider без загрузки JQuery?

Question

Я хочу использовать HTML-элемент управления Dual Slider (Range), похожий на двойной слайдер JQuery , без необходимости загружать огромный JavaScript-фреймворк только для его использования.

Существует ли такой двойной ползунок, который имеет небольшой вес (размер файла) и не требует от меня загрузки каких-либо фреймворков JavaScript?

Answer 1

Самым простым решением может быть использование jQuery и компилятора замыкания. Я считаю, что компилятор закрытия фактически удалит неиспользуемый код. Я никогда не пробовал, так что YMMV.

Answer 2

Ближайшим является новый HTML5 <input type="range">, который выглядит следующим образом (в Chrome ):

альтернативный текст http://webhole.net/wp-content/uploads/2010/04/html5-slider-input.jpg

Но вы зависите от производителя / версии веб-браузера, поддерживается ли это. В противном случае он будет отображаться как простой <input type="text">.

Чтобы получить двойной слайдер и достичь наилучшей кроссбраузерной совместимости с минимумом собственных усилий, вы вряд ли сможете обойти jQuery. Если вас больше всего беспокоит дополнительная стоимость загрузки файлов JS, рассмотрите возможность использования общедоступного хоста CDN для общих сценариев.

Answer 3

Ваш самый простой ответ - использовать интерпретируемый язык, конструкцию на стороне сервера или платформу. Нет альтернативы вашему запросу. Вы просите html сделать что-то, что не предназначено делать изначально. Вы также просите браузеры поддерживать функции, для которых они изначально не созданы, без встроенных компиляций, интерпретаций и математических сервисов.

Лучше всего, чтобы вы связались с объектом jquery от google (@ около 52kbps), чтобы ваши пользователи не просили много. Единственный другой вариант - использовать Flash, что вдвое сложнее, чем половина удовольствия.