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

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

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

android - How to create dynamically Fragment pager adapter -