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

昨天遇到个问题。iscroll滑动区域 a 标签失效

<div class="iscroll">
	<div class="myIscroll">
                   <a href="index.html">页面跳转</a>
	</div>
</div>    

各种改变a的位置 、  改变样式   怎么着都不行,

但是把a标签放到 iscroll 外面   可以正常跳转。

那么可定是iscroll 的问题。我就去查看了Iscroll 的API.

给初始化里  加入配置参数可以完美解决

var myIscroll=new IScroll(".iscroll",{
         preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A)$/ }
});

或者 也可以换一个

var myIscroll=new IScroll(".iscroll",{
        click:true,
});

谢谢大家~~~

时间: 2024-08-08 10:08:17

iscroll滑动区域 a 标签失效问题的相关文章

iScroll 下 a 标签失效

遇到个莫名其妙的问题,iScroll 下的 a 标签点击没有反应了,不管怎么调整 z-index 都无效果,很是无语. 查找半天后找到解决方法: $(function(){ new IScroll('.sites-ct', { scrollX: true, freeScroll: false, // preventDefault: false preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT|A)$/ } })

百度地图笔记_多边形覆盖物区域加标签

给多边形区域加上标签,提供标签编辑和删除功能,效果图如下: 1.添加测试数据,包括3个多边形区域,3个标注标识多边形标签的大概显示位置 /*-----------------------创建3个多边形-------------------------------*/ var polygon1 = new BMap.Polygon([ new BMap.Point(121.25266, 31.004538), new BMap.Point(121.252696, 31.000576), new B

使a标签失效的js,加载a标签链接地址内容到指定容器

$(function(){           $(".pagination > ul >li > a").click(           function(){             $.ajax({               type: "POST",               url:$(this).attr("href"),    //取得a标签链接地址               data:ajaxpage=1

a标签失效的处理

a标签包裹img后发现链接失效,怎么点都没有反应,后面又加了鼠标样式,鼠标指上去时样式也没有发生变,由此推断鼠标并未触碰到img元素故此无法触发链接和样式 经过一番审查代码,发现是z-index设置了负数,导致鼠标无法触碰到img元素,将z-index值设置为正数就解决了这个问题 但是此时发现img会覆盖最顶部区域,设置顶部的z-index后也没有效果,不过给顶部区域设置position:relative后,这个问题也解决了(原因不明).

iScroll滚动区域中select、input、textarea元素无法点击的Bug修复

最近在一个项目中使用了iScroll4模拟滚动效果,调试过程中发现一个表单页中的所有表单项都无法点击聚焦, 如<select>.<input>.<textarea>.这是因为iScroll要监听整个页面事件,为了达到 最优效果,它默认禁用了所有元素的默认事件(但也有例外,如<a>默认事件不受影响),所以才造成这些表单元素点击没有反应,无法正常聚焦. 我们打开 iscroll.js ,找到这一行: onBeforeScrollStart : function(

iscroll滑动下拉 结合 jquery mobile 实例应用

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maxim

jsp页面设置a标签失效

我们常用的在a标签中有点击事件:1. a href="javascript:js_method();" 这 是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不 必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行 javascript语句 2. a href="javascript:void(0);&qu

from 表单内的btton标签失效异常

|--问题描述 form表单里面的button按钮全部会被当成提交处理,即便是绑定了点击事件,点击后,也是刷新页面,不会触发,页面排查也是没有异常的,就是不显示 |--解决方式 不要将这种需要点击的按钮写到form表单里面 |--错误效果 原文地址:https://www.cnblogs.com/twuxian/p/11704772.html

【IScroll深入学习】解决IScroll疑难杂症

前言 在去年,我们对IScroll的源码进行了学习,并且分离出了一段代码自己使用,在使用学习过程中发现几个致命问题: ① 光标移位 ② 文本框找不到(先让文本框获取焦点,再滑动一下,输入文字便可重现) ③ 偶尔导致头部消失,头部可不是fixed哦   由于以上问题,加之去年我们团队的工作量极大,和中间一些组织架构调整,这个事情一直被放到了今天,心里一直对此耿耿于怀,因为IScroll让人忘不了的好处 小钗坚信,IScroll可以带来前端体验上的革命,因为他可以解决以下问题 区域滑动顺滑感的体验