移动的input输入框无法输入文字？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
<meta content="telephone=no" name="format-detection"/>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<title>demo - pageSlider</title>
<!--引入pageSlider所需样式表-->
<link rel="stylesheet" href="dist/pageSlider.css">
<link rel="stylesheet" href="css/ks.css">
<!--引入zepto.js-->
<script src="http://cdn.bootcss.com/zepto/1.1.4/zepto.js"></script>
<!--引入pageSlider.js文件-->
<script src="dist/pageSlider.js"></script>
<body>
<div class="header">
<!--DOM结构-->
<div class="section sec1">
<img src="images/1.jpg" alt="">
</div>
<div class="section sec2">
<img src="images/2.jpg" alt="">
</div>
<div class="section sec3">
<img src="images/3.jpg" alt="">
</div>
<div class="section sec4">
<div class="img-box" id="img-box">
<img src="images/4.jpg" alt="">
<div class="f_box">
<form name="form" id="forms" action="action/add.php" method="post">
<div class="f_side">
<span>姓 名:</span>
<input type="text" name="name" id="name">
</div>
<div class="f_side">
<span>电 话:</span>
<input type="text" name="phone" id="phone">
</div>
<div class="f_side">
<span>微 信:</span>
<input type="text" name="wx" id="wx">
</div>
<div style="width: 0;height: 0;overflow: hidden;">
<input type="text" name="times" id="times">
</div>
<div class="f_side">
<input type="submit" id="submit" value="提 交">
</div>
</form>
</div>
</div>
</div>
</div>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/city.js"></script>
<script>
//$(function(){
var pageSlider = PageSlider.case();
//});
//a标签无法触发跳转的问题用以下代码
/*$(".to-form-link>a").on('touchend', function() {
location.replace($(this).attr("href"));
});*/
</script>
</body>
</html>
使用pageSlider 插件做了上下滑动切换页面 input输入框移动的无效，整个form表单都无效了 求大佬指点
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论