Question

我的项目有这个有趣的障碍。

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

概念来自视频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>}

然而，每当我更改滑块的值时，“ViewFilter”动作都会保持渲染。

有没有办法处理它，只有当我们滑动滑动条并释放时才会更改该值？

重要提示：Jquery滑块不适用于平板电脑和智能手机，因此无法在平板电脑浏览器上拖动，例如，Windows 8上的IE10和iPad上的Safari。

Answer 1

如果您想要的是事件在用户滑动然后释放鼠标之后触发，您可以考虑使用鼠标注册事件，这可能是这样的事情，或者您可以为事件设置超时或者您可以使用onchnge具有时间间隔，例如滚动所需的时间，因此系统将等待并触发事件，因为在更改后不会轻易地触发事件

https://developer.mozilla.org/En/Window.setInterval //更多关于设定的时间间隔

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

带页面导航的HTML5滑块问题

1 个答案: