Reputation: 9305
I am using jquery and jquery mobile to catch a change event. I am using this html and jquery code:
html:
<input type="range" name="someName" min="0" max="10"/>
jquery:
$('input[type="range"]').change(function(){
alert('asdasd');
});
when I change the input attribute to name it works fine. Like this:
$('input[name="range"]').change(function(){
alert('asdasd');
});
I don't know why the event is not being cached. Thanks
Upvotes: 0
Views: 3031
Reputation: 323
'input[type="range"]' don't trigger change
when Emulate touch screen
is true on then Chrome
Upvotes: 0
Reputation: 57309
Don't use change event, use slidestart or slidestop.
More info: http://jquerymobile.com/test/docs/forms/slider/events.html
Here's an example I have created few days ago: http://jsfiddle.net/Gajotres/PzTeX/
$("input#europe, input#us, input#uk, input#japan").live("slidestop", function() {
});
Upvotes: 1
Reputation: 4517
Looks good to me. Maybe you are calling the jquery before the element is loaded. Is it wrapped in document.ready? Are you using a non-html5 browser?
$(function(){
$('input[type="range"]').change(function(){
alert('asdasd');
});
});
Upvotes: 0