2 zjl199303 zjl199303 于 2016.09.14 11:29 提问

WEB手机项目开发: 底部链接有一个有时 无效

底部有两个链接: 投顾直播,个人中心
个人中心这个链接没有问题,肯定会跳转,但是第一个按钮点击几次之后就无效了。
我测试着: 手机上其他浏览器好像就没有这个问题,就是在微信里有这个问题。

<div class="footer index_footer">
    <a href="javascript:;" class="tg zb_tg">互动直播</a>
    <span class="foot_line"></span>
    <!--<a href="wdtg_one.html" class="kf">投资助手</a>-->
    <a href="personal_index.html" class="zone zb_zone">个人中心</a>
</div>

.index_footer {
position: fixed;
bottom: 0;
z-index: 1;
height: 44px;
width: 100%;
box-sizing: border-box;
border-top: 1px solid #ddd;
background-color: #fff;
color: #111;
line-height: 44px;
}
.index_footer a {
position: relative;
z-index: 2;
float: left;
width: 50%;
height: 44px;
line-height: 44px;
background-color: #fff;
text-align: center;
color: #111;
font-family: "微软雅黑";
font-size: 14px;
font-style: normal;
}
.index_footer a:active ,.index_footer a.active {
background-color: #be2b2b;
color: #fff;
}
.index_footer .foot_line {
/*display: none;*/
position: absolute;
left: 50%;
z-index: 3;
width: 1px;
height: 49px;
background-color: #ddd;
}
.index_footer a.zb_tg,.index_footer a.zb_zone {
width: 50%;
}

1个回答

cs133wohao
cs133wohao   2016.09.28 16:53

javascript:void(0)  #号什么的都去掉

zjl199303
zjl199303 他是三个页面间跳转,但是底部左侧的链接 点击后不跳转。微信里进度条还会加载。
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
HTML锚与链接
A元素锚与链接的区别锚(anchor)和链接(link)都是a元素,唯一不同的是有没有href attribute。在Firefox35,Chrome41中,只要a元素有name这个attribute,不管name有没有值,都是锚。但在IE中,如果name没有值,又没有href,则既不是锚也不是链接。在所有浏览器中,只要a元素有href属性,不管有没有值,都是链接。锚的创建与作用锚的作用是当URL
js 特效 html 特效 链接有下划的红线
js 特效 html 特效 链接有下划的红线 js 特效 html 特效 链接有下划的红线
BottomSheet底部动作条使用
底部动作条底部动作条(Bottom Sheets)是一个从屏幕底部边缘向上滑出的一个面板,使用这种方式向用户呈现一组功能。底部动作条呈现了简单、清晰、无需额外解释的一组操作。使用环境底部动作条(Bottom Sheets)特别适合有三个或者三个以上的操作需要提供给用户选择、并且不需要对操作有额外解释的情景。如果只有两个或者更少的操作,或者需要详加描述的,可以考虑使用菜单(Menu)或者对话框替代。
Java WebApp 底部导航菜单
Java WebApp 底部导航菜单 Jsp eclipse项目 路径mcode/page/index.jsp
手机端链接点击是会出现边框
最近做了个页面在微信浏览器上访问,发现链接点击跳转的瞬间会出现一个蓝色的边框,给a标签添加了 border:0px;outline:none;的css属性 还是不生效,在网上查了资料,加上这一行css样式就可以了 -webkit-tap-highlight-color:rgba(255,0,0,0); 对移动端不是太深入,原理有待研究,特此记录
网址链接代码
设计网页里的链接,对链接有详细的代码。可以从一个网页链接到另一个网页
关于手机端滚动加载更多多次触发事件问题
在做手机端滚动加载更多时,因为滚动是一个持续过程,所以就导致了会一次或很短时间内触发多次ajax请求,  可以设置一个全局变量控制.// bool变量, 用于阻止滚动到底部连续触发多次  let isBottom = trueconst scrollHeight = element.currentTarget.scrollHeight const scrollTop = element.curre...
QQ分享调用及坑点
最近在做一个h5活动页,要求是能够在微信,qq,浏览器中自定义分享,由于之前没做过,所以走了不少弯路,在这记录一下也算是给自己这个活动一个总结。这篇介绍qq分享(定制微信,手机QQ,QQ空间APP内的分享内容):腾讯移动web开发平台文档:http://open.mobile.qq.com/api/component/share1.在页面中直接引入:&amp;lt;script src=&quot;qqShare....
jquery mobile 使滚动条滚动到底部scrollTop函数无效的解决方法
$('body').scrollTop(100); 我们使用上面的scrollTop函数时发现滚动后又闪回顶部,原因是在jquery mobile 中要使用另外的函数  $.mobile.silentScroll(100); 这个函数需要你点击DIV再调用才有效果,如果一开始就设置是没效果的 像下面用是没效果的  $(document).ready(function() {
如何将指定部分固定到web页面底部
web页面可能需要在顶部和顶部做一个固定的导航栏,就像手机页面一样,可以用如下css实现: position:fixed; bottom:0;(顶部的话top:0;) z-index:999;(这个是为了让网页的其他内容显示在它的下方) 在实际操作中,有可能这个对整个div不起作用,当这个div包含较多内容的时候,这个时候就得对里面的内容一个一个固定了,此时得注意左右的距离问题,这种情况我