大佬教程收集整理的这篇文章主要介绍了jQuery点击事件在移动浏览器中无效，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
HTML如下：
<!-- This is the main menu -->
<ul class="menu">
<li><a href="/home/">HOME</a></li>
<li class="publications">PUBLICATIONS & PROJECTS</li>
<li><a href="/about/">ABOUT</a></li>
<li><a href="/blog/">BLOG</a></li>
<li><a href="/contact/">CONTACT</a></li>
</ul>
<!-- This is the sub-menu that is to be fired on click -->
<div id="filter_wrapper">
<ul id="portfolioFilter">
<li><a href="/nutrition-related/">Nutrition related</a></li>
<li><a href="/essays/">Essays and Nonfiction</a></li>
<li><a href="/commissioned/">Commissioned works</a></li>
<li><a href="/plays/">Plays and performance</a></li>
<li><a href="/new-projects/">New Projects</a></li>
</ul>
</div>
这是用于手机的jQuery脚本：
$(document).ready(function(){
$('.publications').click(function() {
$('#filter_wrapper').show();
});
});
当我单击移动浏览器上的“出版物”列表项目时，不会发生任何事情。
您可以在这里查看网站：http://www.ruthcrocker.com/
不确定是否有jQuery mobile特定的事件。
<!-- This is the main menu --> <ul class="menu"> <li><a href="/home/">HOME</a></li> <li><a href="#" class="publications">PUBLICATIONS & PROJECTS</a></li> <li><a href="/about/">ABOUT</a></li> <li><a href="/blog/">BLOG</a></li> <li><a href="/contact/">CONTACT</a></li> </ul>
和你的javascript / jquery代码…返回false停止冒泡。
$(document).ready(function(){
$('.publications').click(function() {
$('#filter_wrapper').show();
return false;
});
});
这应该适用于你想要做的事情。
以上是大佬教程为你收集整理的jQuery点击事件在移动浏览器中无效全部内容，希望文章能够帮你解决jQuery点击事件在移动浏览器中无效所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。