How to force check button to loose active state or focus?
Hi
I change the background color of a checkbutton in a list element. It works like this:
good jsfiddle:
https://jsfiddle.net/v1cavyvo/2/
<ul data-role="listview" id="liste" data-inset="true">
<li>
<a href="#" id="openExerciseLink74">
<img src='' height="100" width="100">
<h2>ddd</h2>
<p><span>Wo: 3 x offen</span> (3 x 3 Wdh)</p>
</a>
<a onclick="changeColor(this);"
id="background74"
class="ui-icon-check activeYellow yellowUp
yellowBackground">
</a>
</li>
</ul>
javascript:
function changeColor(obj) {
$(obj).removeClass('yellowBackground');
$(obj).addClass('greenBackground');
}
The problem is, that on the app on my samsung galaxy note 3, something like a focus or button pressed state remains on the check button. I don't want this state, but the new background color shown
Only for showing the wrong behaviour take a loot here:
https://jsfiddle.net/v1cavyvo/3/
used evnironment:
<script src="
http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="
http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
Do you see any other possibility to force the behaviour working in 'good jsfiddle' for that it also works in my app?
Thanks
Martin