Jquery 范围滑块移动时，浏览器停止工作

这是我的HTML标记：

<input type="button" value="one" id="btnOne"><br/>
<input type="range" class="rangeSliderOne" min="1" max="5" id="DR" name="DROne" value="0" />
 <input type="button" value="two" id="btnTwo"><br/>
 <input type="checkbox" value="one" id="chkBox" ><br/>
 <input type="text" value="test" id="txtBox" style="display:none" > <br/>

当范围改变时。浏览器停止工作

请帮我找到解决方案谢谢。。。此错误仅在Chrome browse中显示。

---

浏览器不会停止工作，但在滑块移动的更改事件中，您正在禁用输入范围滑块。因此，滑块变为禁用状态

：实际上，我想在更改事件中禁用我的范围滑块。当范围滑块更改时，浏览器会卡住。此问题仅适用于chrome浏览器。在google chrome上执行以下步骤。>>更改范围滑块。>>然后检查chrome浏览器的元素。>>变更事件发生后，我们无法在谷歌Chrome浏览器上执行任何操作。为什么会发生这种情况？

$('#btnOne').prop('disabled', true);
$('#DR').change(function() {
    $('#btnOne').prop('disabled', false);
    $('#DR').attr("disabled", "disabled"); 
});

$('#chkBox').click(function() {
    $("#txtBox").toggle(this.checked);
});