Hi,
I have a action button that fire OK. But the issue is it fires the event twice on ios safari browser, once initially and another on a next touch on the screen. This does not happen on my desktop Chrome.
Any help would be much appreciated. Thanks.
<a data-role="button" data-rel="actionsheet" href="#my_received_actionsheet" data-align="right" data-icon="action" >Action</a>
<ul data-role="actionsheet" id="my_received_actionsheet">
<li class="km-actionsheet-title">You Action Required : </li>
<li><a href="#" data-action="my_received_action.confirm">Confirm booking</a></li>
<li><a data-action="my_received_action.decline">Decline booking</a></li>
<li><a data-action="my_received_action.mark_as_paid">Mark as paid</a></li>
</ul>
<script>
var my_received_action = {
confirm: function (e) {
alert("confirm");
},
decline: function (e) {
alert("decline");
},
mark_as_paid: function (e) {
alert("mark_as_paid");
}
}
</script>