Javascript 带有页面导航问题的HTML5滑块

Javascript 带有页面导航问题的HTML5滑块,javascript,asp.net-mvc-3,html,Javascript,Asp.net Mvc 3,Html,我的项目中有一个有趣的障碍 我目前正在做一个在平板电脑和智能手机上运行的MVC3项目。它包括一个带有页面导航的HTML5滑块。这个概念与iPad上的“每日”应用非常相似 这个概念来自0:15以后的视频 我想使用HTML5滑块来导航页面。当我滑动滑动条时,我使用onchange来检测html5滑块中的值变化 @using (Ajax.BeginForm("ViewFilter", new AjaxOptions { UpdateTargetId = "showpage" })){

我的项目中有一个有趣的障碍

我目前正在做一个在平板电脑和智能手机上运行的MVC3项目。它包括一个带有页面导航的HTML5滑块。这个概念与iPad上的“每日”应用非常相似

这个概念来自0:15以后的视频

我想使用HTML5滑块来导航页面。当我滑动滑动条时,我使用onchange来检测html5滑块中的值变化

@using (Ajax.BeginForm("ViewFilter", new AjaxOptions { UpdateTargetId = "showpage" })){   
    <input name="sliderStatus"  id="sliderStatus" type="range" min="0" max="100" value="0" step="1"  onchange="$(this.form).submit();" />
</div>}
@使用(Ajax.BeginForm(“ViewFilter”,新的AjaxOptions{UpdateTargetId=“showpage”})){
}
但是,每当我更改滑块的值时,“ViewFilter”操作将保持渲染状态

是否有任何可能的方法来处理它,使得值只有在我们滑动滑块并释放时才会改变


重要提示:Jquery slider无法在平板电脑和智能手机上工作,因此无法在平板电脑浏览器上拖动,例如,IE10在iPad上的Windows 8和Safari上。

< P>如果你想让事件在用户滑行后释放鼠标,你可以考虑使用鼠标UP事件,它会是这样的想法,或者你可以为你的事件设置超时,或者你可以使用Onjige的时间间隔,比如滚动系统的时间。将等待并触发事件,因为更改后不会立即触发它

//有关设置间隔的详细信息

$('#sliderStatus').mouseup(function() {
  $(this.form).submit();
});

对我来说,这个问题听起来好像你们不想在变更上使用,因为每次你们在变更上搜索时,事件都会被触发,表单会被提交。。。。是和否,因为我只希望在拖动并释放滑块时才呈现页面。是的,但每次使用滑块时,值都会更改,因此onchange事件为firedHmm。。。因此,我们需要编写一个脚本,使“视图过滤器”仅在我拖动并释放滑块时渲染。。。