Javascript JQuery移动滑块未重新启用
因此,我认为我用jquery移动滑块做的一切都是正确的,但是控件没有被重新启用。我对它做了一个相当不错的处理,希望有人能很快发现错误 在小提琴上,您将看到jQuery moblie控件。如果单击并移动滑块位置,事件将触发控制值更改。如果在20秒内更改该值超过5次,控件将锁定。你可以认为这是一个冷却期。在控件冷却后,应该重新启用它以进行更多的捣碎 问题是,控件永远不会从禁用状态恢复 Javascript示例:Javascript JQuery移动滑块未重新启用,javascript,jquery-mobile,Javascript,Jquery Mobile,因此,我认为我用jquery移动滑块做的一切都是正确的,但是控件没有被重新启用。我对它做了一个相当不错的处理,希望有人能很快发现错误 在小提琴上,您将看到jQuery moblie控件。如果单击并移动滑块位置,事件将触发控制值更改。如果在20秒内更改该值超过5次,控件将锁定。你可以认为这是一个冷却期。在控件冷却后,应该重新启用它以进行更多的捣碎 问题是,控件永远不会从禁用状态恢复 Javascript示例: var sent = 0; var disabled = false; $('#sl
var sent = 0;
var disabled = false;
$('#slider-fill').on( 'slidestop', function()
{
send();
writeConsole(sent);
})
function send()
{
setTimeout(decrease, 4000);
sent +=1;
if(sent > 5)
{
$('#slider-fill').prop('disabled', 'disabled');
disabled = true;
}
}
function decrease()
{
if(sent > 0)
sent -= 1;
writeConsole('decrease');
writeConsole(sent);
if(sent === 0)
{
//CODE TO DISABLE HERE!!!
//LOOK HERE THIS IS WHERE I REMOVE THE DISABLE!!!
writeConsole('no longer disabled!');
$('#slider-fill').prop('disabled', '');
///YOU LOOKED TOO FAR GO BACK A LITTLE BIT :D
}
}
function writeConsole(message)
{
var miniconsole = $('#miniConsole');
var contents = miniconsole.html();
miniconsole.html(contents + message + '<br/>' );
miniconsole.scrollTop(10000);
}
var sent=0;
var disabled=false;
$(“#滑块填充”).on('slidestop',function()
{
send();
书面通知(已发送);
})
函数send()
{
设置超时(减少4000);
发送+=1;
如果(发送>5)
{
$(“#滑块填充”).prop('disabled','disabled');
禁用=真;
}
}
函数减少()
{
如果(已发送>0)
发送-=1;
writeConsole(“减少”);
书面通知(已发送);
如果(已发送===0)
{
//代码在这里禁用!!!
//看这里,这是我删除禁用!!!
writeConsole('不再禁用!');
$(“#滑块填充”).prop('disabled','');
///你看得太远了,往后退一点:D
}
}
函数writeConsole(消息)
{
var miniconsole=$(“#miniconsole”);
var contents=miniconsole.html();
html(内容+消息+“
”);
迷你控制台。滚动顶部(10000);
}
您使用了不正确的启用/禁用语法
这是一种正确的语法:
$('#slider-fill').slider('disable');
及
下面是一个由您的JSFIDLE制作的工作示例:谢谢!不知道每个控件的特定jQuery mobile语法。
$('#slider-fill').slider('enable');