Links (and clicks) fail to open with Cordova on iOS 8.4.1
Another way is to set the css property like this (it works for me):
button:active { opacity: 1 !important; }
Something pretty stupid that I could not understand, but I think it is something related to Apple posted in:https://support.apple.com/en-us/HT205030
"Impact: A malicious website can make a tap event produce a synthetic click on another page Description: An issue existed in how synthetic clicks are generated from tap events that could cause clicks to target other pages. The issue was addressed through restricted click propagation."
So I suppose if the button on the active state is set to the lower opacity than 1, Apple should consider that this is a synthetic click.
I am having the same problem. See the security changelog from Apple here https://support.apple.com/en-us/HT205030
Impact: A malicious website can make a tap event produce a synthetic click on another page Description: An issue existed in how synthetic clicks are generated from tap events that could cause clicks to target other pages. The issue was addressed through restricted click propagation.
I think that the issue stems from this change.
What you can do is add the touchstart event to your click events. This has resolved my issue for now until I find a better solution.
$('button').on('click touchstart', function(){ // Click event});