Jquery on change无法处理输入字段类型范围

Question

我使用类型为input的{​​{1}}，并尝试使用所选值刷新带有range的输出字段的innerHTML，每次值都会更改。

我解决了这个问题：

＆＃13;

＆＃13;

output

＆＃13;

function regler()
{
  document.getElementById("output").innerHTML = document.getElementById("regler").value;
}

＆＃13;

＆＃13;

＆＃13;

这很有效。但是，如果我用Jquery尝试它，那么没有任何事情发生：

＆＃13;

＆＃13;

<input id="regler" value="0" type="range" onchange="regler()">
<p id="output"></p>

＆＃13;

$("#regler").on
(
  "change", 
  function(event)
  { 
    document.getElementById("output").innerHTML = document.getElementById("regler").value; 
  }
);

＆＃13;

＆＃13;

＆＃13;

我做错了什么？

编辑：我刚刚注意到代码在SO上运行良好但在本地网络服务器上运行不正确？

EDIT2 ：为什么我的范围字段看起来像这样（使用Chrome和Firefox测试）：

取而代之的是：

Answer 1

我弄明白了这个问题。问题是我在正常的jquery.mobile-1.4.5.min.js脚本之后加入了jquery-2.2.3.min.js。

我改变了订单后，就可以了。很抱歉没有提到我包含jquery.mobile，我不知道这个文件与问题有关。