JQuery mobile transparent touch screen "touched" button focus, active, hovering

Trying to figure out how to return reset to an “untouched” state. I use a button like:

    <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 I click (on my iPad) Next or Prev, it launches the javascript function that I wrote, and then the button remains constantly active, hanging or focused (not sure state).

My goal: after running the javascript function, I want to return the reset button to an inactive, non-hanging or unfocused state. Of course, this does not happen when you touch the touch screen without a touch screen.

I tried:

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

Besides

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

, , , , . css, , , , .

+4

Source: https://habr.com/ru/post/1609544/


All Articles