Javascript jQuery移动滑块事件
开发具有以下功能的移动web应用程序: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”,函数(){ $(“输
- 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")