javascript - Jquery mobile clear touch screen "touched" button focus, active, hover -


trying figure out how reset button "untouched" state. using button as:

    <div id="service-control-buttons" data-role="controlgroup" data-type="horizontal">         <a href="#" id="service-previous" data-role="button" data-icon="arrow-l">prev</a>         <a href="#" id="service-next" data-role="button" data-icon="arrow-r" data-iconpos="right">next</a>     </div> 

when tap (on ipad) next or prev runs javascript function wrote , button remains permanently active, hovered or focused (not sure state).

my goal: after javascript function runs, want reset button un-active, un-hovered or un-focused state. of course, doesn't happen on non-touch screen mouse click.

i've tried:

$(another-selecter).focus(); $(another-selecter).click(); $('#service-next').blur(); 

also

$('#service-next').css('background-color', 'original-color')  

works of course, that's end of highlighting altogether , don't want that. don't want manually set css use themes may change in future , want avoid hacks if possible.


Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -