Javascript OnClick事件在移动浏览器中不起作用
我有一个html页面,其中我在div标记中添加了onclick事件。在那个onclick事件中,我使用location.href=url打开了任何url。 它在web浏览器中工作正常,但在移动浏览器中不工作。 这是什么原因? 我的密码是-Javascript OnClick事件在移动浏览器中不起作用,javascript,jquery,html,mobile,Javascript,Jquery,Html,Mobile,我有一个html页面,其中我在div标记中添加了onclick事件。在那个onclick事件中,我使用location.href=url打开了任何url。 它在web浏览器中工作正常,但在移动浏览器中不工作。 这是什么原因? 我的密码是- <html class="swipebox-html swipebox-touch"> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt
<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>
jQuery(函数($){
window.onload=函数(e){
e、 预防默认值();
$.swipebox([{
href:“../img/sari1.jpg”
}, {
href:“../img/sari2.jpg”
}, {
href:“../img/sari3.jpg”
}, {
href:“../img/sari4.jpg”
} ]);
$(“.slide”)
艾特先生(
“onclick”,
“document.location.href=”http://www.amazon.in/s/ref=nb_sb_noss_2?url=search-别名%3Daps&field关键字=saris+&rh=i%3Aaps%2Ck%3aaris+”;
}
});
对于移动浏览器,我们可以通过单击而不是不单击来使用touchstart事件。
这样我就解决了我的问题。可能有数百个原因。我们需要查看代码&可能还有标记,以便告诉您可以指定如何执行此操作吗?我也提出了一个问题