JQuery Mobile Slider vmouseup 이벤트

Question

문제 해결에 1 주일 정도 지났기 때문에 누군가가 나를 도울 수 있는지 아니면 적어도 실마리를 줄 수 있는지이 커뮤니티에 친절히 묻기로 결심했습니다. -)

폼이 파이썬 스크립트 생성 자체에 값을 제출하는 HTML 출력을 생성하는 Python의 동적 페이지를 프로그래밍하고 있습니다. 매우 효과적입니다. 클라이언트 측에서 JQuery Mobile을 사용합니다. 5 페이지에 슬라이더가있는 양식이 포함 된 여러 페이지 레이아웃을 사용합니다.

나는 모든 슬라이더가 cgi 스크립트 (마녀는 파이썬 스크립트 자체 임)를 트리거하고 싶습니다. I는 각 양식에 다음 코드를 첫 번째를했다 :

<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를가 트리거되어,

문제가합니다 (XXX 값이 브라우저에 출력하기 전에 파이썬으로 대체됩니다) 작은 값을 변경하더라도 cgi 요청이 트리거되기 때문에 슬라이더 값 변경을 완료하기 전에 (값을 변경하기 위해 슬라이더에서 계속 진행 중임을 의미합니다). 장치에서 손가락이나 마우스를 놓을 때 트리거가 true가되도록 vmouseup을 사용하여이를 수행하려고합니다.

나는 나의 HTML 헤더에서 이것을 시도했지만 난 일하러 (반드시 자바 스크립트 지식의 나의 부족의 원인)과 입력 태그 내에서 onchange를 제거하지 않습니다

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

어디 내 문제입니다 ? 모든 입력 태그를 vmouseup 함수에 바인딩해야합니까?

인사말 누가 복음

Answer 1

마우스는 그래픽 구성 요소가 아닌 입력 상자와 상호 작용한다. 당신은 -UI 슬라이더에 바인딩 할 수 있습니다 : jQueryMobile: how to work with slider events?

:

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

당신은 여기에 슬라이더 이벤트를 결합하는 방법에 대한 자세한 설명을 가지고