Завершите пошаговый пример использования виджета слайдера в jQuery Mobile?

Question

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

Answer 1

Хотя я занимаюсь разработкой программного обеспечения (C #, C ++, Java, FORTRAN) в течение 10 лет, я совершенно новичок в веб-разработке.Я изо всех сил пытался научиться использовать HTML5, JavaScript, PHP, JQuery для создания приложения.Думаю, я еще недостаточно выучил жаргон, чтобы найти то, что мне нужно от Google (по крайней мере, не быстро).Во всяком случае, после долгих поисков я нашел сайт ниже.Большинство сайтов, которые я нашел, хорошо показывают, как включить и настроить свой мобильный элемент jquery.Это хороший сайт для этого:

http://brooky.cc/2011/04/23/jquery-mobile-cheat-sheet/ (кроме того, тот, что указан в предыдущем ответе, является очень хорошей ссылкой)

Однако ни один из них не объясняет, что делать один разу вас есть слайдер (или другой элемент) в вашем приложении.Это первый, который фактически показывает вам, как ИСПОЛЬЗОВАТЬ ползунок ... который был моей основной проблемой.Как вы получаете значения и используете их в моем приложении.Этот пример действительно помог мне понять, как эти вещи работают.

http://jsfiddle.net/m4ZEL

Ниже приведен пример получения значения при изменении.

$("#slider").change(function() {
   sVal = $(this).val();
}

надеюсь, что это поможет.

Answer 2

Ну, я вижу несколько рабочих ползунков на http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/slider/. Если текст недостаточно четкий, вы всегда можете попробовать посмотреть код ...