JQuery Mobile Slider vmouseupイベント

Question

問題を解決するのに1週間ほど過ごしているので、落ちるという話が本当になる前に、誰かが私を助けてくれるか、少なくとも私に手がかりを与えることができたら、 - ）

私は動的なページをPythonでプログラミングしています。このページでは、フォームが生成するPythonスクリプト自体にその値を送信するHTML出力を生成します。これは非常にうまく動作します。クライアント側で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がトリガされていることを、

問題がある（XXX値をブラウザに出力する前のpythonに置き換えられます）小さな値を変更してもcgiリクエストがトリガーされるため、スライダの値の変更が完了する前に（スライダの値を変更する途中であることを意味します）。 デバイスから指やマウスを離したときにトリガーが真になるように、vmouseupでそれを行いたいと思います。

私は私のHTMLヘッダーでこれを試みたが、私はそれが仕事を得ることはありません（きっとjavascriptの知識の私の不足の原因となる）とinputタグ内の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?