jq为a标签绑定的onclick事件在移动端不响应

更新

演示地址可以在开发者工具里看看移动端的表现。不过这个版本是正常工作的，是我已经根据评论区大神来改变了a标签点击事件的绑定方式了的。如下图所示，注释的那行是我原本的代码，注释下面一行是修改过的。

问题描述

项目用的jQuery + Bootstrap进行开发，其中用到Bootstrap的导航栏
当页面在移动端打开的时候，导航栏会收缩，就是这样的：

其中我为下拉菜单的a标签在js中绑定了onclick事件：

jQuery(document).ready(function($){'use strict';$('#see').click(seeArrange)  // 会议安排function seeArrange () {}//...
}

一切在PC端运行正常，但是在移动端的时候，a标签绑定的onclick事件在移动端就没有响应。

解决

在网上看了很多方法之后，我觉得可能是移动端收缩之后的那个导航栏容器里的a没有绑定到点击事件。因此我就换成在html里绑定事件，结果就点击正常了。。。

// html
<li><a href="javascript:void(0);" id='see' onclick="seeArrange();">会议议程</a></li>// js
jQuery(document).ready(function($){'use strict';// $('#see').click(seeArrange)  // 会议安排// ...
}function seeArrange () {}

总结

其实具体原因我不知道是什么，烦请知道的大佬们提点一下我。
网上找的各种方法也说一下吧，做个笔记

很多人是说移动端不支持点击事件，换成touch事件或者tap事件试试。

$("*").bind("click",function(){}); // 在页面初始化时，为其添加事件绑定

参考

IOS微信浏览器点击事件不起作用问题
移动端微信内置浏览器（或QQ浏览器）无法识别onclick事件的解决

jq为a标签绑定的onclick事件在移动端不响应相关推荐

a标签中onclick事件的用法
有时候我们使用a标签,不希望用到a标签的href去发送请求,因为可能需要再请求前做一些其他的js操作,所以希望通过onclick事件触发请求, 我们知道链接的 onclick 事件被先执行,其次是 h ...
onclick绑定点击事件不触发
在DOM上给元素绑定一个onclick事件,事件方法为click,为什么触发不了点击事件? 详细教程:http://github.crmeb.net/u/defu
jquery 动态按钮绑定点击事件
一.Jquery实现点击事件的四种写法来自:https://blog.csdn.net/liutianjie/article/details/85112787 1. $(".tab&quo ...
jquery 移除onclick事件
jquery中删除click事件,存在两种情况 1.如果是定义在html标签内部的onclick事件,需要使用 removeAttr("onlick") 方法: <div i ...
linux的QQ浏览器里微信,移动端微信内置浏览器（或QQ浏览器）无法识别onclick事件的问题解决...
1.微信内置浏览器(或QQ浏览器或safari浏览器)无法识别onclick事件的解决对于这类不兼容的问题真的是很磨人,比较浪费时间,对于技术大牛可能不是问题,但是对于新手来说,可能就是个好几天无法 ...
父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存在影响
原文地址背景开发过程中遇到问题,简单写个demo 运行环境为Chrome 68 描述一下这个问题,当a标签内部存在嵌套时, 父元素a标签的href默认行为以及子元素绑定的click事件的响应之间存 ...
js click 与 onclick 事件绑定,触发与解绑
click 与 onclick 1.onclick 事件会在对象被点击时发生. <input id="btn1" type="button" οnclic ...
js基础总结——js 获取元素节点、js 绑定onclick事件、js 获取属性修改属性值、js 获取子元素、js 改变css样式
参考书籍:<JavaScript DOM编程艺术第2版> 本博客代码的测试页面是:https://www.layui.com/ js dom操作 js 获取元素节点一份document ...
JavaScript OnClick事件以及事件绑定方法
事件之鼠标点击OnClick事件事件说明 onclick 鼠标点击事件 onmouseover 鼠标经过事件 onmouseout 鼠标移开事件 onchange 文本框内容改变事件 onsele ...
html标签触发方法，标签绑定事件
html标签触发方法,标签绑定事件 1. js脚本里面通过ID绑定 $('#标签ID').click(function () {}) $('#标签ID')就是通过标签ID拿到了标签,下面无论是触发点击 ...

jq为a标签绑定的onclick事件在移动端不响应

更新

问题描述

解决

总结

参考

jq为a标签绑定的onclick事件在移动端不响应相关推荐

最新文章

热门文章