jquery 移动滑块变化不产生动作

Question

我是 jquery 和 jquery 手机的新手。实际上，我尝试创建一个包含一些 jquery 移动元素的网站特别是滑块元素。

现在我想在滑块每次更改时向远程服务器发送 GET 请求。为此，我首先尝试在滑块更改后获取一个事件。但我已经在努力让它正常工作。

我发现了这个 link：Jquery Mobile Slider change event 基本上这正是我想要做的。但我无法让它工作。我必须监督一些事情。

这是我的 tryit 脚本：http://www.w3schools.com/code/tryit.asp?filename=FA32UJH5J6YJ

永远不会弹出警告框。

如果有更多经验的人可以看看脚本并告诉我我做错了什么，我会很高兴。

谢谢

Answer 1

简短回答：它确实有效，但您也复制并粘贴了一些 Angular 内容。这是准系统解决方案的一个片段。

$('#slider-wrapper').change(function(){
 var sliderValue = $('#slider').val();
  alert(`The slider value changed, the current value is: ${sliderValue}`);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='slider-wrapper'>
  <input type='range' id='slider' />
</div>

另外，您使用的 JQuery 版本方式已过时。尝试更新到较新的版本。

jquery 移动滑块变化不产生动作

jquery mobile slider change does not generate an action

html

javascript

jquery-mobile