Javascript JQuery移动滑块未重新启用

Javascript JQuery移动滑块未重新启用,javascript,jquery-mobile,Javascript,Jquery Mobile,因此,我认为我用jquery移动滑块做的一切都是正确的,但是控件没有被重新启用。我对它做了一个相当不错的处理,希望有人能很快发现错误 在小提琴上,您将看到jQuery moblie控件。如果单击并移动滑块位置,事件将触发控制值更改。如果在20秒内更改该值超过5次,控件将锁定。你可以认为这是一个冷却期。在控件冷却后,应该重新启用它以进行更多的捣碎 问题是,控件永远不会从禁用状态恢复 Javascript示例: var sent = 0; var disabled = false; $('#sl

因此,我认为我用jquery移动滑块做的一切都是正确的,但是控件没有被重新启用。我对它做了一个相当不错的处理,希望有人能很快发现错误

在小提琴上,您将看到jQuery moblie控件。如果单击并移动滑块位置,事件将触发控制值更改。如果在20秒内更改该值超过5次,控件将锁定。你可以认为这是一个冷却期。在控件冷却后,应该重新启用它以进行更多的捣碎

问题是,控件永远不会从禁用状态恢复

Javascript示例:

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');