jQuery мобильный плагин слайдера против jQuery UI слайдер - PullRequest
Новая
       13

jQuery мобильный плагин слайдера против jQuery UI слайдер

2 голосов
/ 18 декабря 2011

Я пытаюсь сделать свои первые шаги с помощью jquery mobile, и я хотел бы начать с некоторой забавы.

У меня есть страница, на которой отображается интерактивное изображение SVG, которое можно изменить при перетаскиваниислайдер.( buckny ) Слайдер сделан из jquery ui и работает на обычном браузере, но не на моем iphone.

Так что я хотел взглянуть на jquery mobile.Из документации я понял, что это может быть реализовано точно так же, как с jquery ui: просто вызовите 

$('selector').slider

в селекторе jquery.( jquery-mobile slider) Поэтому я подумал, что если это так просто, я могу оставить весь свой код как есть и просто включить библиотеку jquery-mobile вместо библиотеки jquery-ui, и она должна работать.Но, очевидно, нет, должен ли элемент селектора jquery быть внутри элемента формы?Из документов я понимаю, что в этом нет необходимости.Где я могу пойти не так?

1 Ответ

2 голосов
/ 22 декабря 2011

«Элемент селектора jQuery» должен быть только элементом ввода типа range.На самом деле вам даже не нужно вызывать плагин с помощью jQuery.

Из документации:

Этот плагин будет автоматически инициализироваться на любой странице, которая содержит текстовый ввод сАтрибут type = "range".

Итак, все, что вам нужно, это примерно так: 

<input type="range" id="slider" value="..." min="..." max="..." />

Единственная проблема заключается в том, что не существует простого способа установить значение шага (AFAIK), поэтому я бы предложил использовать более высокие значения ползунка.

Вот рабочий пример: http://jsfiddle.net/grc4/Wxjvy/

Также убедитесь, что вы успешно включили все из следующих:

  • jQuery JavaScript
  • jQuery Mobile JavaScript
  • jQuery Mobile CSS
...