Javascript jQuery移动滑块事件

Javascript jQuery移动滑块事件,javascript,jquery-mobile,slider,Javascript,Jquery Mobile,Slider,开发具有以下功能的移动web应用程序: jquery 1.7.1 jquery mobile 1.1.1 轨道3.2.1 在这里,我打算随着滑块值的改变而改变时间指示器()的内容 当直接调用目标URL时,以下操作有效 但在许多情况下,当jQuery mobile显示时,该指示器保持不变。(滑块本身的值会更改。) 我将在以下时间醒来: 6:00 $(“输入[id='daily\u record\u wakeup\u time'])。live(“slidercreate”,函数(){ $(“输

开发具有以下功能的移动web应用程序:

  • jquery 1.7.1
  • jquery mobile 1.1.1
  • 轨道3.2.1
在这里,我打算随着滑块值的改变而改变时间指示器(
)的内容

当直接调用目标URL时,以下操作有效

但在许多情况下,当jQuery mobile显示
时,该指示器保持不变。(滑块本身的值会更改。)


我将在以下时间醒来:
6:00
$(“输入[id='daily\u record\u wakeup\u time'])。live(“slidercreate”,函数(){
$(“输入[id='daily\u record\u wakeup\u time'])。绑定(“更改”,函数(事件){
$(“唤醒时间显示”).text(Math.floor($(this.val()/60)+
“:”+($(this.val()%60<10?“0:”)+$(this.val()%60);
});
});

为什么不直接使用CSS选择器呢

$("#daily_record_wakeup_time")
而不是将ID作为属性传递? 另外,如果您可以避免使用“live”方法,而使用“delegate”方法,那将非常好。jQuery已经弃用了此方法,新版本不再支持它。确保库中的某个地方有自定义事件“slidercreate”。

它与“.on()”和“pageinit”事件一起工作<代码>$(文档)。在(“pageinit”上,函数(e){$(“#user#u target_wakeup_time”)。在(“change”上,函数(e){$(“span#wake#u time_display”)。文本(Math.floor($(this.val()/60)+:“+($(this.val()%60<10?:”):“)+$(this.val()%60);;)
$("#daily_record_wakeup_time")