jquery mobile - Google maps touch scroll not working on Windows Phone -

my web application lets users create new location based trips. there google maps map displaying current location they've entered in form.

i've read in this post touch scrolling , google-maps of touch scrolling ok code:

var dragflag = false; var start = 0, end = 0;  $('#maps-map').on('touchstart', function(e) {   console.log('starting!');   dragflag = true;   start = e.originalevent.touches[0].pagey; });  $('#maps-map').on('touchmove', function(e) {   console.log('moving!');   if ( !dragflag ) return;   end = e.originalevent.touches[0].pagey;   window.scrollby( 0,( start - end ) ); });  $('#maps-map').on('touchend', function(e) {   console.log('ending');   dragflag = false; }); 

and of course, google maps has added following container:

<div id="#maps-map"></div> 

now if test on htc-device, in console get:

'starting!' 'moving!' 'moving!' 'ending!' 

but if watch console when debugging nokia lumnia device (emulated) nothing.

jquery states has support device. cause of not doing intuïtive touch gestures?