0

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

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

http://youtu.be/KHILJBw-104

这个概念来自视频 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。

4

1 回答 1

1

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

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

$('#sliderStatus').mouseup(function() {
  $(this.form).submit();
});
于 2012-06-27T04:42:11.507 回答