iScroll 下 a 标签失效

遇到个莫名其妙的问题,iScroll 下的 a 标签点击没有反应了,不管怎么调整 z-index 都无效果,很是无语。

查找半天后找到解决方法:

    $(function(){
        new IScroll(‘.sites-ct‘, {
            scrollX: true,
            freeScroll: false,
//            preventDefault: false
            preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A)$/ }
        });
    });

关键是这一句:

preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A)$/ }

还有个参数也可以:

click: true

版权声明:可随意转载,原创不易 请注明原文出处哦~ http://blog.csdn.net/zhouzme

时间: 2024-12-04 17:35:23

iScroll 下 a 标签失效的相关文章

a标签包着img事件 ie下 a标签的click事件失效

整个大的背景框有个点击事件, 如果标签结构是(详细的css样式略) a{background:green;} <a href=""> <img src="personal.png"/> <p>我是个人用户</p> </a> a标签有个click事件 像这样的 a标签包着img标签的时候 在ie下点击图片位置的时候 click事件不会触发 解决方式是把a标签改成div <div> <img

iscroll滑动区域 a 标签失效问题

昨天遇到个问题.iscroll滑动区域 a 标签失效 <div class="iscroll"> <div class="myIscroll"> <a href="index.html">页面跳转</a> </div> </div> 各种改变a的位置 .  改变样式   怎么着都不行, 但是把a标签放到 iscroll 外面   可以正常跳转. 那么可定是iscroll 的问

ie8下a标签中的图片出现边框

1.ie8下a标签中的图片出现边框 <a href="#"><img src="horse.jpg"></a> 效果如图所示 2.解决方案 将img的边框设置为0或none img{border:none;}

IE浏览器下a标签嵌套img标签默认带有边框

最近写在线主页时发现IE浏览器下a标签嵌套img标签默认带有边框: 解决办法:img{border:0 none;} 注意,严格意义上0和none都要加上!

IE6下A标签href和onclick同时存在时的问题

请求的链接是用的 A 标签,A上同时写了href和 A 标签而言,当用户鼠标单击的时候,A对象被触发时会首先去执行 请求.瞬时又执行href,这时ie6就会abort前一个请求. 解决方法就是:直接把onclick事件写在href中:href="javascript:do()" 还有一种解决方案:<a href="javascript:void(0)" false;">Test</a> 这样是忽略了href部分,这对于通过oncli

iscroll 下拉刷新,上拉加载

新手,直接贴代码了 <!DOCTYPE html><html class=""><head lang="en"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content=&

浮动元素的兼容以及ie6下li标签的部分兼容性问题

清除浮动的方法有许多比较常用的是 .clear{zoom: 1;} .clear:after{content: "";display: block;clear: both;} after伪类元素末尾添加内容Ie6,7不兼容可以用zoom来解决(zoom缩放会触发ie下的haslayout使元素根据自身内容计算宽高但火狐不支持但可以通过after伪类解决) 两者结合解决的浏览器不兼容的问题: ie6下li标签的部分兼容性问题: 可以通过给li标签加 vertical-align: top

IE 下a标签在 position:absolute 后无法点击的问题

IE 下 a 标签在 position:absolute 后无法点击的问题 条件 : DOCTYPE 为 XHTML. IE 浏览器 现象 : 将 a 的 position 指定为 absolute,指定 display:block,指定 width.height,则 IE 中 a 的无内容区域不可点击. 原因:由于在 IE 中,a 的无内容区域,被当作是穿的,就像一个镂空的框一样,鼠标移上去是点不到东西的,如果存在文字,则有文字链接,如果不存在,则完全点不到. 解决方案: 1. 给 a 设置高

IE下script标签的readyState属性

在做加载器时遇到一个常见问题,如何判定一个脚本已经执行完毕. "uninitialized" – 原始状态 "loading" – 下载数据中 "loaded" – 下载完成 "interactive" – 还未执行完毕 "complete" – 脚本执行完毕. 网上流行的答案是这个,我怎么觉得其实这是抄自XMLHttpRequest的readyState呢?!恰逢这两个都有这属性. 我们亲自做一个实验: