swiper滑动翻页，滑动一下但是又不滑动完全的时候，点击事件的提示出来了，然后点击事件不能用的原因。

1092665276

已于 2022-01-25 10:48:36 修改

阅读量2.9k

点赞数

分类专栏： web前端 h5 文章标签： css vue.js html

于 2018-09-07 16:48:14 首次发布

本文链接：https://blog.csdn.net/qweasdzxc_1092665276/article/details/82499121

版权

html代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>XX公寓</title>
    <link rel="stylesheet" href="dist/swiper/swiper-4.3.5.min.css">
    <script src="js/jquery-2.0.3.js"></script>
    <link rel="stylesheet" href="dist/bootstrap/css/toastr.css">
    <script src="dist/bootstrap/js/toastr.js"></script>
    <script src="js/page/burialPoint-1.0.js"></script>
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <style>
        html,body{height:100%;}
        p{
            font-size:1.5rem;
            margin-bottom:0;margin-top:0;
            margin-left:8%;
        }
        p input{
            margin-bottom:0;margin-top:0;
            width:19.5rem;
            height:2rem;
            border:0;
            outline:none;
            background-color: #E1E1E1;
            border-radius:0.8rem;
        }
        div>input{
            border:0;
            outline:none;
            margin-left:8%;
            width:19.5rem;
            height:3rem;
            border-radius:0.8rem;
            background-color: #D73438;
            font-size:2rem;
            color:white;
        }
    </style>
</head>
<body>
        <div class="swiper-container" style="height:100%;">
            <div class="swiper-wrapper" >
                <div class="swiper-slide" style="background: url('img/h5/H5-0.jpg') no-repeat center top;background-size:100% 100%"></div>
                <div class="swiper-slide" style="background: url('img/h5/H5-1.jpg') no-repeat center top;background-size:100% 100%"></div>
                <div class="swiper-slide" style="background: url('img/h5/H5-2.jpg') no-repeat center top;background-size:100% 100%"></div>
                <div class="swiper-slide" style="background: url('img/h5/H5-3.jpg') no-repeat center top;background-size:100% 100%"  id="i1">
                        <p style="margin-top:11rem;">姓名 <span style="color:red;font-size:1.5rem;" id="c1">&nbsp;&nbsp;姓名不能为空！</span></p>
                        <p ><input type="text" name="fname" id="fname" placeholder="必填"/></p>
                        <p >电话<span style="color:red;font-size:1.5rem;" id="c2">&nbsp;&nbsp;手机号不能为空！</span></p>
                        <p><input type="text" name="phone" id="phone" placeholder="必填"/></p>
                        <p>城市<span style="color:red;font-size:1.5rem;" id="c3">&nbsp;&nbsp;城市不能为空！</span></p>
                        <p ><input type="text" name="city" id="city" placeholder="必填"/></p>
                        <p>物业面积<span style="color:red;font-size:1.5rem;" id="c4">&nbsp;&nbsp;面积不能为空！</span></p>
                        <p><input type="text" name="area" id="area" placeholder="必填" /></p>
                        <div style="margin-top:0.6rem;"><input type="button" value="点击提交" class=

最低0.47元/天解锁文章

1092665276

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
swiper滑动翻页，滑动一下但是又不滑动完全的时候，点击事件的提示出来了，然后点击事件不能用的原因。

html代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;XX公寓&lt;/title&gt; &lt;link rel="stylesheet" href=&q
复制链接

扫一扫