jQuery Mobile:如何获得范围滑块的更改事件?
我想要做的就像代码:当值大于10时,显示> 10,或显示1 – 10.它工作正常。 但是,如果我取消注释jquery mobile,它就不再起作用了。
<!----> function test(){ var v = $('#range').val(); if(v 10'); }
小部件初始化后有三个JQM滑块事件可用:
- slidestart
- 更改
- slidestop
要获得正确的行为,您应该提供正确的JQM页面结构并在pagecreate
事件中注册事件处理程序。 下面是一个简单的存根,您可以在其中测试JQM滑块:
$(document).on("pagecreate", "#page-one", function() { $("#slider").on("slidestart", function() { var val = $(this).val(); $("#txt1").val(val); }); $("#slider").on("change", function() { var val = $(this).val(); $("#txt2").val(val); }); $("#slider").on("slidestop", function() { var val = $(this).val(); $("#txt3").val(val); }); });
我建议你在div
包装input
并将change
事件附加到该特定div
,通过它可以获得slider
的值。 下面的工作片段。
$("#slider").change(function() { $("#display").text($('#range').val()<=10?'1-10':'>10'); });