jQuery Mobile,设置滑块的值

Question

滑块当前呈现正常,它只是没有做我告诉它.

我不能用$('#slider').val(50).slider('refresh'),当我这样做时告诉我:

在初始化之前,Uncaught无法在滑块上调用方法; 试图调用方法'刷新'

这似乎是有意义的,因为我从未将其初始化为滑块.这是我的代码:早些时候我创建了一个div "<div id='scrubber'></div>"并将其写入屏幕 $(cssSelector.html(html);然后,一旦代码的其他部分准备就绪,我创建滑块:

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

然后呢:

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

这给了我那个错误.

我尝试过使用$('#scrubber').slider();但似乎创建了第二个滑块.所以我试着更换第一个滑块,但它只会让事情变得更糟.在任何情况下,如果我然后尝试更改值,我不再得到错误,但它仍然不会改变滑块的位置.

有任何想法吗？

Answer 1

我已经有一段时间没有使用 jQM 了，但是它还有 .page() 函数吗？如果是这样，请在滑块包装器上调用 page() ：

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

这将重新渲染滑块，使其正确初始化。