JQuery Mobile Slider vmouseup事件

Question

因为我现在花了大约一周的时间来解决一个问题，所以我决定在这个社区里问一下，如果有人能帮助我，或者至少在摔倒的故事成真之前给我一个线索：-）

我正在用Python编写一个动态页面，该页面生成HTML输出，其中一个表单在客户端使用JQuery Mobile将其值提交给生成Python脚本本身，这非常有效。我确实使用了多页布局，其中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()"/>

（在输出到浏览器之前，xxx值将被python替换）

问题是，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：如何处理滑块事件？