Меня интересует использование ползунка jQuery для ввода в моей HTML-форме.Разница между слайдером формы jQuery, слайдером скрипта?
В некоторых examples, я вижу, что вызывается в качестве входных данных, как так:
<input type="range" name="slider" id="slider-0" value="25" min="0" max="100" />
Однако в других examples, я вижу, что вызывается так:
<head>
<script>
$(function() {
$("#slider").slider();
});
</script>
</head>
<body>
<div id="slider"></div>
</body>
- Что такое функциональная разница между этими двумя фрагментами? Предоставляет ли одна из них большую настройку, чем другая (например, я могу настроить фон слайдера с помощью первого кода)?
- Если я хочу использовать второй в форме, мне нужно `` скрытые поля "?
Вы видели ссылку, которую я снабжал ''? Это в документации jQuery, я не уверен, почему это HTML5? – jaynp
@ user1850672 Позже в этом примере они объясняют, как инициализировать плагин 'slider', вызывая' $ ('input'). Slider(); '. Невозможно инициализировать виджет jQuery UI через разметку, это всегда будет выполняться в javascript. Они использовали 'type =" range "' в примере, вероятно, потому что большинство людей будут использовать jQuery UI для полиполнения, чтобы добавить функции HTML5 для браузеров, которые его не поддерживают. – cfs
@ user1850672 «Структура найдет все входные элементы с типом =« диапазон »и автоматически улучшит их в слайдер с сопроводительным вводом« Плагин поддерживает только тип = «диапазон» и использует стандартные атрибуты этого элемента для постройте плагин. Но это не означает, что наличие «диапазона» ввода на вашей странице автоматически станет виджем jQuery, вам все равно придется явно вызвать плагин. – cfs