jquery 在f12中切换到移动的手机模拟设备时无法点击按钮按钮

rpppsulh  于 2023-10-17  发布在  jQuery
关注(0)|答案(1)|浏览(164)

我是新的CSS页面。当我写一个带有一个href嵌套的a标签时,它可以在计算机模拟中被点击。但一旦切换到移动的手机模拟,点击就无法跳转。为什么?为什么?
这是html:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport"
            content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title></title>
        <link rel="stylesheet" href="css/style.css" />
        <script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
    </head>
    
    <body>
        <div class="page page5 hidden">
            <img class="page5mainbg fadeIn" />
            <img class="bg" src="img/background.png"/>
            <img class="main" src="img/mainHeading.png"/>
            <img class="dizhi" src="img/dizhi.png"/>
            <img class="red" src="img/red_wave.png"/>
            <img class="map" src="img/school_map_new.png"/>
            <a href="https://ditu.amap.com/search?query=%E8%8B%8F%E5%B7%9E%E5%9F%8E%E5%B8%82%E5%AD%A6%E9%99%A2%E7%BB%BC%E5%90%88%E6%A5%BC&city=320506&id=B0I6MCYD6X&query_type=IDQ" class="daohangmain">
                <button class="daohang">导航</button>
            </a>

            <span class="info1">联系电话:0512-66517351</span><br>
            <span class="info2">地址:江苏省苏州市吴中区吴中大道1188号</span>
            <div id="qrcode"></div>

        </div>
        
        <script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
        <script type="text/javascript" src="js/TouchFunction.js" ></script>
        <script type="text/javascript" src="js/animation.js" ></script>
        <script type="text/javascript" src="js/qrcode.js"></script>

    </body>
</html>

这是我的CSS:

/* new append page5 */
.page5 img {
    position: absolute;
}

.page5 .info1 {
    position: absolute;
}

.page5 .info2 {
    position: absolute;
}

.page5 .page5mainbg {
    background-color: #f42a1b;
    width: 100%;
    height: 100%;
}

.page5 .bg {
    width: 90%;
    right: 5%;
    top: 8%;
    height: 75%;
}

.page5 .main {
    width: 60%;
    right: 20%;
    top: 5%;
    height: 6%;
}

.page5 .dizhi{
    width: 60%;
    right: 20%;
    top: 5%;
    height: 6%;
}

.page5 .map {
    width: 70%;
    right: 15%;
    top: 15%;
    height: 30%;
}

.page5 .daohangmain {
    position: absolute;
    right: 15%;
    top: 41%;
    z-index: 99;
}

.page5 .red {
    width: 100%;
    right: 0;
    top: 51%;
    height: 55%;
}

.page5 .info1 {
    width: 50%;
    right: 25%;
    top: 46%;
}

.page5 .info2 {
    width: 76%;
    right: 9%;
    top: 51%;
}

.page5 #qrcode {
    position: absolute;
    right: 58%;
    top: 58%;
}

我使用z-index:99、但不是工作。
请告诉我如何修改css样式,使按钮链接可以在移动的手机上点击跳转。

tf7tbtn2

tf7tbtn21#

这对我来说工作得很好,伙计,可能是什么东西阻止你点击链接;这是JavaScript中的一个函数,你应该检查是什么阻止你点击链接,重新检查你的javascript代码,如果有东西是动画覆盖或其他任何东西.!!

相关问题