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
Post a Comment