My webpage functions correctly on IE, Chrome, and Firefox, as well as on my friend's Galaxy phone. The code is very simple:
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<script type="text/javascript">
function UpdateCart(itemid,todo)
{
$.ajaxSetup({ cache: false });
$.get("http://www.example.com/updatecart.php?itemnumber=" + itemid + "&todo=" + todo, function(){location.reload(true)});
return false;
}
</script>
Here is the link that triggers the action:
<a name='removefromcart' id='removefromcart' href='#' onClick='javascript:UpdateCart("60813","remove");return false;'>Remove Item</a>
However, when I view the page on my personal cell phone (not my friend's), everything appears fine. An onClick event to open a new window works properly, but clicking on jQuery functions does nothing. I have tried different approaches, including using text and buttons, but none of them work.
I was advised to use jQuery mobile, but I couldn't find clear instructions on how to implement it in my code. I'm not very experienced with this, so any guidance would be appreciated!
UPDATE: I also tested the page on my brother's iPhone 5, and encountered the same issue. It seems there may be an issue related to mobile devices.