Question

因此，在我的代码中，我创建了一个div，如下所示<div id='scrubber'></div>，稍后我会执行以下操作：

    $('#scrubber').html('<input type="range" name="prog" id="prog" value="0" min="0" max="'+event.jPlayer.status.duration+'"  />');
    $('#scrubber').slider();

这反过来产生2个滑块。其中1个是标准的html滑块，另一个是jquerymobile滑块。我有一个简单的解决方法，即$('#scrubber').hide();，并且隐藏了jane html滑块。但是，在代码中的不同点，我需要在没有用户输入的情况下更新值：

$('#scrubber').val(event.jPlayer.status.currentTime).slider('refresh');

这应该在理论中起作用，但是，它只是修改了html滑块的值而不是jquery移动滑块。我认为slider('refresh')根本不做任何事情。我错过了什么吗？有什么改变吗？

Answer 1

尝试此操作以创建JQM slider：

$('#scrubber').html('<input type="range" name="prog" id="prog" value="0" min="0" max="'+event.jPlayer.status.duration+'"/>').trigger("create");

希望这有帮助

jQuery Mobile Slider创建一个新的滑块，我的jquery对象消失了？

1 个答案: