I'm in the process of developing a web application, but I've encountered an issue with iOS7 where there seems to be a conflict between jquery.touchSwipe and my "on click" events.
Interestingly, the web app functions perfectly on older iOS versions without any problems.
The problem arises when I include the jquery.touchSwipe plugin in my web app - the "on click" events stop working, and even the usage of "-webkit-touch-callout: none;" does not prevent divs from being selectable (which is not the desired behavior). However, the swipe function from jquery.touchSwipe continues to work as expected.
If I remove the jquery.touchSwipe plugin, all my "on click" events work seamlessly.
Below is a snippet of the HTML code for reference:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Jh Portfolio | mobile</title>
<link rel="apple-touch-icon" sizes="57x57" href="jh_logo57.png" />
<!-- More stylesheet links -->
<script src="preloader.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.viewport.js" type="text/javascript"></script>
<script type="text/javascript" src="iscroll.js"></script>
<script src="jquery.touchSwipe.min.js" type="text/javascript"></script>
<script src="jhmobile.js" type="text/javascript"></script>
<!-- Additional script sources -->
</body>
</html>
Additionally, here are the CSS properties applied to the button ("div id="btn_bottom"):
#btn_bottom {
margin: auto;
position: relative;
margin-top: -191px;
height: 191px;
width: 229px;
clear:both;
opacity:1;
z-index:101;
-webkit-touch-callout: none;
-ms-touch-action: none;
cursor: pointer;
}
In summary:
- The .html file has been successfully validated as HTML5 by W3C.
- I am using the latest versions of jQuery and jquery.touchSwipe.
- The swiping functionality from jquery.touchSwipe is functional.
- All functionalities, including swiping and button clicks, perform well on desktop browsers and older iOS versions.
Any insights or suggestions on why the buttons become unresponsive when combining touchSwipe with other scripts under iOS7 would be greatly appreciated.
Thank you!