Zeus_zz
Zeus_zz
采纳率100%
2016-12-01 15:14

手机网页使用了jqmobi,DTCMS的模版,a标签点击无效,求大神帮忙!

100

网页地址是:http://m.zzxjj.gov.cn/

在苹果系统当中没问题,一切正常,都能用。
但是在安卓或者谷歌浏览器模拟的情况下,所有的a标签都不能点击。

经过一番排查,排除了DIV遮罩层的问题,问题出在data-ignore="true" 这个上面。
如果改成其它方式,可是可以跳转,但那样就不对了。

可能其它地方还有问题我没发现,求大神帮忙。。。。

部分代码:

 <div class="nav-list">
                    <ul>
                        <li><a href="<%linkurl("news")%>" data-ignore="true">
                            <img src="<%templateskin%>/images/icons/news.png">
                            <span>新闻中心</span> </a></li>
                        <li><a href="<%linkurl("info")%>" data-ignore="true">
                            <img src="<%templateskin%>/images/icons/info.png">
                            <span>信息公开</span> </a></li>
                        <li><a href="<%linkurl("content","about")%>" data-ignore="true">
                            <img src="<%templateskin%>/images/icons/tel.png">
                            <span>大队简介</span> </a></li>
                        <li><a href="<%linkurl("photo")%>" data-ignore="true">
                            <img src="<%templateskin%>/images/icons/photo.png">
                            <span>渌湘风采</span> </a></li>
                        <li><a href="<%linkurl("video")%>" data-ignore="true">
                            <img src="<%templateskin%>/images/icons/video.png">
                            <span>交通视频</span> </a></li>
                        <li><a href="<%linkurl("goods")%>" data-ignore="true">
                            <img src="<%templateskin%>/images/icons/buy.png">
                            <span>渌湘购物</span> </a></li>
                        <li><a href="<%linkurl("mfeedback")%>" data-ignore="true">
                            <img src="<%templateskin%>/images/icons/msg.png">
                            <span>留言反馈</span> </a></li>
                        <li><a href="<%linkurl("content","contact")%>" data-ignore="true">
                            <img src="<%templateskin%>/images/icons/tel.png">
                            <span>联系我们</span> </a></li>
                    </ul>
                </div>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

5条回答

  • showbo GoCityPass新加坡曼谷通票 5年前

    你用的不是jquery.mobile吧。。修改过的

    http://m.zzxjj.gov.cn/templates/mobile/jqmobi/ui/appframework.ui.js这个文件里面判断了存在data-ignore属性就退出不加载了,肯定点击无效了

                 if (theTarget.href.toLowerCase().indexOf("javascript:") !== -1 || theTarget.getAttribute("data-ignore")) {
                    return;
                }
    

    大概看了下你的结构,取到data-ignore无法显示内容是因为你自己写的页面css有问题。。主要在#afui .panel这个样式上,高度设置100%无效,导致内容无法显示,你指定一个高度就可以正常显示了。。
    图片说明
    自己慢慢研究下了

    点赞 8 评论 复制链接分享
  • u013754854 裸奔的源码 2年前

    修改UI下面的appframework.ui.js文件里的这句,你搜索data-ignore,文件里的最后面一个就是。

    if (theTarget.href.toLowerCase().indexOf("javascript:") !== -1 || theTarget.getAttribute("data-ignore")) {
    window.location.href = theTarget;//解决安卓微信点击问题
    return;
    }

    点赞 2 评论 复制链接分享
  • Zeus_zz Zeus_zz 5年前

    看样子等不到想要的答案了,再没有就结贴算了

    点赞 评论 复制链接分享
  • Zeus_zz Zeus_zz 5年前

    有人知道吗????使用data-ignore为啥就不行呢?

    点赞 评论 复制链接分享
  • devmiao devmiao 5年前
    点赞 1 评论 复制链接分享