“范围”滑块移动时,浏览器停止工作

时间:2013-11-30 09:14:42

标签: jquery html browser

这是我的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/>

用于此的jQuery代码:

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

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

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

请帮我找到解决方案谢谢...此错误仅在Chrome浏览器中显示。 http://jsfiddle.net/XNyMj/

1 个答案:

答案 0 :(得分:1)

浏览器不会停止工作,但您正在禁用滑块移动的更改事件上的输入范围滑块。因此滑块被禁用