javascript - OnClick event is not working in mobile browser -
i have html page in have added onclick event in div tag. in onclick event have used location.href = url open url. working fine in web browser not working in mobile browser. reason ? code -
<html class="swipebox-html swipebox-touch"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <link rel="stylesheet" href="../css/swipebox.css"> <script src="../js/jquery-2.1.0.min.js"></script> <script src="../js/jquery.swipebox.js"></script> <script type="text/javascript"> jquery(function($) { window.onload = function(e) { e.preventdefault(); $.swipebox([ { href : '../img/sari1.jpg' }, { href : '../img/sari2.jpg' }, { href : '../img/sari3.jpg' }, { href : '../img/sari4.jpg' } ]); $(".slide") .attr( "onclick", "document.location.href='http://www.amazon.in/s/ref=nb_sb_noss_2?url=search-alias%3daps&field-keywords=saris+&rh=i%3aaps%2ck%3asaris+'"); } }); </script> </head> <body class="touching"> <div id="swipebox-overlay" style="width: 360px; height: 640px;" class=""> <div id="swipebox-container"> <div id="swipebox-slider" style="display: block; transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease; -webkit-transform: translate3d(0%, 0px, 0px); transform: translate3d(0%, 0px, 0px);"> <div class="slide current" onclick="document.location.href='http://www.amazon.in/s/ref=nb_sb_noss_2?url=search-alias%3daps&field-keywords=saris+&rh=i%3aaps%2ck%3asaris+'"> <img src="../img/sari1.jpg"> </div> <div class="slide" onclick="document.location.href='http://www.amazon.in/s/ref=nb_sb_noss_2?url=search-alias%3daps&field-keywords=saris+&rh=i%3aaps%2ck%3asaris+'"> <img src="../img/sari2.jpg"> </div> <div class="slide" onclick="document.location.href='http://www.amazon.in/s/ref=nb_sb_noss_2?url=search-alias%3daps&field-keywords=saris+&rh=i%3aaps%2ck%3asaris+'"></div> <div class="slide" onclick="document.location.href='http://www.amazon.in/s/ref=nb_sb_noss_2?url=search-alias%3daps&field-keywords=saris+&rh=i%3aaps%2ck%3asaris+'"></div> </div> <a id="swipebox-close" style="background-image: url(file:///c:/users/amitdas/obdworkspace/mobilecatalogue/src/frontend/web/img/icons.svg);"></a> </div> </div> </body> </html>
for mobile browser can use touchstart event click instead of no click. , resolved issue.