JQuery Mobile Slider vmouseup Событие

Question

Поскольку я трачу на неделю около одной недели на решение проблемы, я решил любезно спросить в этом сообществе, если кто-то может мне помочь или хотя бы дать мне ключ, прежде чем история падения упадет до конца: -)

Я программирую динамическую страницу на Python, которая генерирует вывод HTML, где форма передает свои значения самому скрипту генерации python - это работает очень хорошо - с использованием JQuery Mobile на стороне клиента. Я использую многостраничный макет, где 5 страниц содержат форму со слайдерами.

Я хочу, чтобы все слайдеры запускали скрипт cgi (ведьма - сам скрипт python). Я сделал это первым со следующим кодом в каждой форме:

<form action="**scriptname**" method="get" name="raum1" id="f_raum1"> 

<input type="range" name="slider_r1l" id="slider-1" value="**bfout1**" min="-70" max="12" data-theme="b" data-highlight="true" data-track-theme="a" onchange="document.getElementById('f_raum1').submit()"/> 

(в ххх Значения будут заменены питона перед выводом в браузер)

Проблема заключается в том, что OnChange срабатывает перед тем, как закончить изменение значения ползунка (это значит, что я все еще нахожусь на слайдере, чтобы изменить значения), так как даже небольшое изменение вызывает запрос cgi. Я хочу сделать это с помощью vmouseup, чтобы триггер стал истинным, когда я освобождаю палец или мышь от устройства.

Я попробовал это в моем заголовке HTML, но я не получить его на работу (конечно, причиной моего отсутствия знаний JavaScript) и удалить OnChange внутри входного тега:

<script type="text/javascript"> 
var in = getElementsByTagName("INPUT"); 
$(in).bind('vmouseup', function() { 
self.document.submit(); 
}); 
</script> 

Где моя проблема ? Это должно привязать все теги ввода к функции vmouseup?!?

Привет Люк

Answer 1

мышь взаимодействует с графическими компонентами, а не поле ввода. Можно привязать к -ui слайдера:

$('#slider-1').siblings('.ui-slider').bind('vmouseup', function() { 
    /* Do submit */ 
}); 

Вы получили более подробное описание того, как связать ползунки события здесь: jQueryMobile: how to work with slider events?