2011-11-30 42 views
0

所以在我的代码创建一个div如下,<div id='scrubber'></div>,后来我做到以下几点:jQuery Mobile Slider创建一个新的滑块,我的jquery对象消失了吗?

$('#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 Mobile的滑块值。我不认为slider('refresh')是在做任何事情。我错过了什么吗?有什么改变吗?

+0

通过HTML滑块我的意思不是文本字段。它也在创建,并且我通过css隐藏了它。 – Parris

回答

1

试试这个创建JQM slider

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

希望这有助于

+0

由于某种原因,现在适合sorta。我需要弄清楚为什么滑块还没有被更新,但至少jQuery对象不会消失。也就是说,不需要$('#scrubber')。slider();行,这反过来删除了我之前隐藏的额外滑块。 – Parris

+0

我会接受这一个,但我会开始一个新的话题,带着新的问题!谢谢! – Parris